编辑属性 :editor: { type: 'text'}
$('#listShow').datagrid({
height : 478,
pagesize : 20,
pageList : [20,30,40,50],
title : '查询结果',
striped : true,
singleSelect: true,
rownumbers: true,
columns : [[ {field:'id',checkbox:true},
{"align":"center","field":"SHORTSTR5",formatter : function(value, row, index) {
return "<a href='#' onclick=openCaseInfo('"+value+"')>"+value+"</a>";
},"title":"案件号","width":"100"},
{"align":"center","field":"SHORTSTR13","title":"结案时间","width":"100"},
{"align":"center","field":"SHORTSTR14","title":"回访结果","width":"100",editor: { type: 'text'}},
{"align":"center","field":"SHORTSTR15","title":"是否安抚","width":"100",editor: { type: 'text'}},
{"align":"center","field":"SHORTSTR16","title":"备注","width":"100",editor: { type: 'text'}},
{"align":"center","field":"SHORTSTR17","title":"整改措施","width":"100",editor: { type: 'text'}},
{"field": "option", "title" : "操作", "width" : "100", "align" : "center",
formatter:function(value,row,index){
var btn="<a class='link-button' href='javascript:editOne("+index+")'>编辑 </a>";
btn += " <a class='link-button' href='javascript:saveOne("+index+")'>保存 </a> ";
btn += " <a class='link-button' href='javascript:endOne("+index+")'>结案 </a> ";
return btn; }
}
]],
pagination: false
});
//编辑选中行内的最大服务数
function editOne(index){
var row = $('#listShow').datagrid('getSelected');
var endTime = row.SHORTSTR13;
if(endTime !=null && endTime != ""){
alert("该案件已结案!不能编辑!");
return;
}
$('#listShow').datagrid('beginEdit', index);
}; //保存编辑行
function saveOne(index){
var row = $('#listShow').datagrid('getSelected');
$('#listShow').datagrid('endEdit', index);
var params = {
caseNo :row.SHORTSTR5,
callbackResult : row.SHORTSTR14,
isAppease : row.SHORTSTR15,
remark : row.SHORTSTR16,
correctionMethod : row.SHORTSTR17
};
$.ajax({
url: "*",
data: params,
type: 'POST',
dataType: 'json',
timeout: 5000,
async: false,
error: function(){
alert('保存失败!');
return false;
},
success: function(json){
alert('保存成功!');
}
});
};
//结案
function endOne(index){
var row = $('#listShow').datagrid('getSelected');
var endTime = row.SHORTSTR13;
if(endTime !=null && endTime != ""){
alert("该案件已结案!");
return;
}
var params = {
caseNo :row.SHORTSTR5,
policyNo : row.SHORTSTR7
};
$.ajax({
url: "*",
data: params,
type: 'POST',
dataType: 'json',
timeout: 5000,
async: false,
error: function(){
alert('结案失败!');
return false;
},
success: function(json){
alert('结案成功!');
$('#listShow').datagrid('updateRow', {index:index,
row:{SHORTSTR13: json.endTime}
});
}
});
};

效果:

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. Canvas的flag具体的含义

    示例代码: package com.loaderman.customviewdemo; import android.content.Context; import android.graphics. ...

  2. 006-多线程-集合-Set-ConcurrentSkipListSet

    一.简介 ConcurrentSkipListSet是线程安全的有序的集合,适用于高并发的场景.ConcurrentSkipListSet和TreeSet,它们虽然都是有序的集合.但是,第一,它们的线 ...

  3. JavaScript——closures(待续)

    问答原文:How do JavaScript closures work?

  4. ContextCleaner ——Spark 应用程序的垃圾回收器

    ContextCleaner是一个Spark服务,负责在应用程序范围内清除 shuffles, RDDs, broadcasts, accumulators和checkpointed RDDs,目的是 ...

  5. javascript从网络下载随机笑话

    /*** * 讲笑话函数(调试用) * @param callback 回调函数 */ function randomText(callback) { var result =''; $.ajax({ ...

  6. curl 的用法指南

    简介 curl 是常用的命令行工具,用来请求 Web 服务器.它的名字就是客户端(client)的 URL 工具的意思. 它的功能非常强大,命令行参数多达几十种.如果熟练的话,完全可以取代 Postm ...

  7. Java使用Apache Commons Net的FtpClient进行下载时会宕掉的一种优化方法

    在使用FtpClient进行下载测试的时候,会发现一个问题,就是我如果一直重复下载一批文件,那么经常会宕掉. 也就是说程序一直停在那里一动不动了. 每个人的情况都不一样,我的情况是因为我在本地之前就有 ...

  8. 关于新小米盒子的Recovery模式如何进入

    26日下的盒子订单,经过几经波折,终于在昨天来到了我的面前,新东西到手,难免少不了一些折腾:升级系统,安装软件等.一顿折腾之后,想完全恢复到出厂设置,给盒子清一下,想进入盒子的Recovery模式,按 ...

  9. mysql修改时区的几种方法

    说明: 以下记录修改mysql时区的几种方法. 具体:方法一:通过mysql命令行模式下动态修改1.1 查看mysql当前时间,当前时区 > select curtime(); #或select ...

  10. NGUI 9宫格输入的一个巨坑

    UILabel 中的maxlines = 0,输入没有问题.如果maxlines=1,输入出错