编辑属性 :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. osgGA::KeySwitchMatrixManipulator 跟随

    #ifdef _WIN32 #include <Windows.h> #endif // _WIN32 #include <osg/Group> #include <os ...

  2. Qt坐标系以及自定义可移动控件

    1.效果 黑色这个控件是自定义的,可以在界面拖动 2.新建控件的Qt类,父类是QWidget,带ui的,Control.h #ifndef CONTROL_H #define CONTROL_H #i ...

  3. 【转】python selenium2 中的显示等待WebDriverWait与条件判断expected_conditions举例

    #coding=utf-8 from selenium import webdriver from selenium.webdriver.common.by import By from seleni ...

  4. Web登录验证之 Shiro

    1.需要用到的shiro相关包 <!-- shiro begin --> <dependency> <groupId>org.apache.shiro</gr ...

  5. iOS-tabBar切换不同控制器封装(自定义导航+自定义uiviewcontroler+系统自带tabbar+自定义tabbarController)

    首先,一个app的搭建环境非常重要.既要实现基本功能,又要考虑后期优化的性能. 现在很多应用不仅仅是系统自带的控制器,由于需求复杂,基本上需要自定义多控制器来管理. 新建一个BasicNavigati ...

  6. Andrew Ng机器学习课程17(1)

    Andrew Ng机器学习课程17(1) 声明:引用请注明出处http://blog.csdn.net/lg1259156776/ 说明:主要介绍了强化学习与监督学习的设定上的区别,以及强化学习的框架 ...

  7. mybatis 一对多,多对一配置

    一. 简介: 本实例使用顾客和订单的例子做说明: 一个顾客可以有多个订单, 一个订单只对应一个顾客 二. 例子: 1. 代码结构图: 2. 建表语句: CREATE DATABASE test; US ...

  8. rebbitMQwindows安装及使用

    python中RabbitMQ的使用(安装和简单教程) 1,简介 RabbitMQ(Rabbit Message Queue)是流行的开源消息队列系统,用erlang语言开发.   1.1关键词说明: ...

  9. MySQL的数据库时间与电脑系统时间不一致

    问题描述 在开发的过程中遇到数据库的时间与电脑本身的系统时间不一致的状态. 首先查看数据库的时间是多少 select now(); select sysdate(); 执行上面的两个sql语句,看数据 ...

  10. 3、2 elaticSearch 客户端head 下载

    注意版本,我们建议使用低版本5.6.8 1. 下载head插件:https://github.com/mobz/elasticsearch-head 2.解压到任意目录,但是要和elasticsear ...