1. 编辑属性 editor: { type: 'text'}
  1. $('#listShow').datagrid({
  2. height : 478,
  3. pagesize : 20,
  4. pageList : [20,30,40,50],
  5. title : '查询结果',
  6. striped : true,
  7. singleSelect: true,
  8. rownumbers: true,
  9. columns : [[ {field:'id',checkbox:true},
  10. {"align":"center","field":"SHORTSTR5",formatter : function(value, row, index) {
  11. return "<a href='#' onclick=openCaseInfo('"+value+"')>"+value+"</a>";
  12. },"title":"案件号","width":"100"},
  13. {"align":"center","field":"SHORTSTR13","title":"结案时间","width":"100"},
  14. {"align":"center","field":"SHORTSTR14","title":"回访结果","width":"100",editor: { type: 'text'}},
  15. {"align":"center","field":"SHORTSTR15","title":"是否安抚","width":"100",editor: { type: 'text'}},
  16. {"align":"center","field":"SHORTSTR16","title":"备注","width":"100",editor: { type: 'text'}},
  17. {"align":"center","field":"SHORTSTR17","title":"整改措施","width":"100",editor: { type: 'text'}},
  18. {"field": "option", "title" : "操作", "width" : "100", "align" : "center",
  19. formatter:function(value,row,index){
  20. var btn="<a class='link-button' href='javascript:editOne("+index+")'>编辑 </a>";
  21. btn += " <a class='link-button' href='javascript:saveOne("+index+")'>保存 </a> ";
  22. btn += " <a class='link-button' href='javascript:endOne("+index+")'>结案 </a> ";
  23. return btn;
  24.  
  25. }
  26. }
  27. ]],
  28. pagination: false
  29. });
  1. //编辑选中行内的最大服务数
  2. function editOne(index){
  3. var row = $('#listShow').datagrid('getSelected');
  4. var endTime = row.SHORTSTR13;
  5. if(endTime !=null && endTime != ""){
  6. alert("该案件已结案!不能编辑!");
  7. return;
  8. }
  9. $('#listShow').datagrid('beginEdit', index);
  10. };
  11.  
  12. //保存编辑行
  13. function saveOne(index){
  14. var row = $('#listShow').datagrid('getSelected');
  15. $('#listShow').datagrid('endEdit', index);
  16. var params = {
  17. caseNo :row.SHORTSTR5,
  18. callbackResult : row.SHORTSTR14,
  19. isAppease : row.SHORTSTR15,
  20. remark : row.SHORTSTR16,
  21. correctionMethod : row.SHORTSTR17
  22. };
  23. $.ajax({
  24. url: "*",
  25. data: params,
  26. type: 'POST',
  27. dataType: 'json',
  28. timeout: 5000,
  29. async: false,
  30. error: function(){
  31. alert('保存失败!');
  32. return false;
  33. },
  34. success: function(json){
  35. alert('保存成功!');
  36. }
  37. });
  38. };
  39. //结案
  40. function endOne(index){
  41. var row = $('#listShow').datagrid('getSelected');
  42. var endTime = row.SHORTSTR13;
  43. if(endTime !=null && endTime != ""){
  44. alert("该案件已结案!");
  45. return;
  46. }
  47. var params = {
  48. caseNo :row.SHORTSTR5,
  49. policyNo : row.SHORTSTR7
  50. };
  51. $.ajax({
  52. url: "*",
  53. data: params,
  54. type: 'POST',
  55. dataType: 'json',
  56. timeout: 5000,
  57. async: false,
  58. error: function(){
  59. alert('结案失败!');
  60. return false;
  61. },
  62. success: function(json){
  63. alert('结案成功!');
  64. $('#listShow').datagrid('updateRow', {index:index,
  65. row:{SHORTSTR13: json.endTime}
  66. });
  67. }
  68. });
  69. };

效果:

datagrid行内编辑的更多相关文章

  1. ASP.NET MVC5+EF6+EasyUI 后台管理系统(83)-Easyui Datagrid 行内编辑扩展

    这次我们要从复杂的交互入手来说明一些用法,这才能让系统做出更加复杂的业务,上一节讲述了Datagird的批量编辑和提交本节主要演示扩展Datagrid行内编辑的属性,下面来看一个例子,我开启编辑行的时 ...

  2. datagrid行内编辑时为datetimebox

    $.extend($.fn.datagrid.defaults.editors, { datetimebox: {// datetimebox就是你要自定义editor的名称 init: functi ...

  3. easyui datagrid行内编辑

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  4. Easyui datagrid行内【添加】、【编辑】、【上移】、【下移】

    前几天项目中遇到一个需求用到了Easyui datagrd行内添加和编辑数据,同时对行内数据上移下移,所以对这几个功能做个总结. 1.首先大概说下这几个功能里用到的主要方法,行内添加数据主要是添加列的 ...

  5. ASP.NET Aries 入门开发教程6:列表数据表格的格式化处理及行内编辑

    前言: 为了赶进度,周末也写文了! 前几篇讲完查询框和工具栏,这节讲表格数据相关的操作. 先看一下列表: 接下来我们有很多事情可以做. 1:格式化 - 键值的翻译 对于“启用”列,已经配置了格式化 # ...

  6. jQuery EasyUI 数据网格 - 启用行内编辑(转自http://www.runoob.com/jeasyui/jeasyui-datagrid-datagrid12.html)

    可编辑的功能是最近添加到数据网格(datagrid)的.它可以使用户添加一个新行到数据网格(datagrid).用户也可以更新一个或多个行.本教程向您展示如何创建一个数据网格(datagrid)和内联 ...

  7. 雷林鹏分享:jQuery EasyUI 数据网格 - 启用行内编辑

    jQuery EasyUI 数据网格 - 启用行内编辑 可编辑的功能是最近添加到数据网格(datagrid)的.它可以使用户添加一个新行到数据网格(datagrid).用户也可以更新一个或多个行. 本 ...

  8. EasyUI 启用行内编辑

    创建数据网格(DataGrid) $(function(){ $('#tt').datagrid({ title:'Editable DataGrid', iconCls:'icon-edit', w ...

  9. 第一节:EasyUI样式,行内编辑,基础知识

    一丶常用属性 $('#j_dg_left').datagrid({ url: '/Stu_Areas/Stu/GradeList', fit: true, // 自动适应父容器大小 singleSel ...

随机推荐

  1. 复习Android布局

    效果如图: 这里没有做逻辑的处理,仅仅是布局的罗列.包括垂直和水平的线性布局,以及一个滚动的view. <?xml version="1.0" encoding=" ...

  2. PHP判断是否在微信内部浏览器访问

    <?php if(is_weixin()){ echo "这是微信内部浏览器"; }else{ echo "这是微信外部浏览器"; } function ...

  3. GPS nmealib学习 问题

    When building on Ubuntu 12.x the build fails with the following error… gcc  samples/generate/main.o ...

  4. Promise和Generator

    异同: 1.promise解决的是串行的嵌套异步问题. 2.yield把Generator Function切割为有多个出口的Generation. 3.Promise是社区的研发产物,yield是E ...

  5. java通过telnet远程至windows机器执行dos命令

    准备工作,远程windows机器中开启telnet服务,将远程登录用户添加至telnetClients用户组 核心代码: import java.io.IOException; import java ...

  6. winform软件版本检测自动升级开发流程(转)

    注:按此博文试验OK 基于C/S的开发有开发效率高,对于业务逻辑复杂,且不需要外网使用具有较大优势,但是弊端也不可忽视,就是升级麻烦,不可能每写一个版本就要拿着安装包给每个人去替换,这样不仅搞得自己很 ...

  7. java8中计算两个日期时间LocalDateTime的时间差,格式化成xx年yy月zz日aa时bb分cc秒

    原则上应该适用Period来计算,因为他是专门为这种需求设计的.当时他只能计算到两个时间差的,年月日 传入参数Period.between(LocalDate,LocalDate) 这里是计算两个Lo ...

  8. 【Leetcode_easy】796. Rotate String

    problem 796. Rotate String solution1: class Solution { public: bool rotateString(string A, string B) ...

  9. 【Leetcode_easy】633. Sum of Square Numbers

    problem 633. Sum of Square Numbers 题意: solution1: 可以从c的平方根,注意即使c不是平方数,也会返回一个整型数.然后我们判断如果 i*i 等于c,说明c ...

  10. git 平时遇到的问题记录

    1.git warning: LF will be replaced by CRLF in 解决办法 git config core.autocrlf false 2.git提交时如何忽略一些文件 h ...