datagrid行内编辑
编辑属性 :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行内编辑的更多相关文章
- ASP.NET MVC5+EF6+EasyUI 后台管理系统(83)-Easyui Datagrid 行内编辑扩展
这次我们要从复杂的交互入手来说明一些用法,这才能让系统做出更加复杂的业务,上一节讲述了Datagird的批量编辑和提交本节主要演示扩展Datagrid行内编辑的属性,下面来看一个例子,我开启编辑行的时 ...
- datagrid行内编辑时为datetimebox
$.extend($.fn.datagrid.defaults.editors, { datetimebox: {// datetimebox就是你要自定义editor的名称 init: functi ...
- easyui datagrid行内编辑
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- Easyui datagrid行内【添加】、【编辑】、【上移】、【下移】
前几天项目中遇到一个需求用到了Easyui datagrd行内添加和编辑数据,同时对行内数据上移下移,所以对这几个功能做个总结. 1.首先大概说下这几个功能里用到的主要方法,行内添加数据主要是添加列的 ...
- ASP.NET Aries 入门开发教程6:列表数据表格的格式化处理及行内编辑
前言: 为了赶进度,周末也写文了! 前几篇讲完查询框和工具栏,这节讲表格数据相关的操作. 先看一下列表: 接下来我们有很多事情可以做. 1:格式化 - 键值的翻译 对于“启用”列,已经配置了格式化 # ...
- jQuery EasyUI 数据网格 - 启用行内编辑(转自http://www.runoob.com/jeasyui/jeasyui-datagrid-datagrid12.html)
可编辑的功能是最近添加到数据网格(datagrid)的.它可以使用户添加一个新行到数据网格(datagrid).用户也可以更新一个或多个行.本教程向您展示如何创建一个数据网格(datagrid)和内联 ...
- 雷林鹏分享:jQuery EasyUI 数据网格 - 启用行内编辑
jQuery EasyUI 数据网格 - 启用行内编辑 可编辑的功能是最近添加到数据网格(datagrid)的.它可以使用户添加一个新行到数据网格(datagrid).用户也可以更新一个或多个行. 本 ...
- EasyUI 启用行内编辑
创建数据网格(DataGrid) $(function(){ $('#tt').datagrid({ title:'Editable DataGrid', iconCls:'icon-edit', w ...
- 第一节:EasyUI样式,行内编辑,基础知识
一丶常用属性 $('#j_dg_left').datagrid({ url: '/Stu_Areas/Stu/GradeList', fit: true, // 自动适应父容器大小 singleSel ...
随机推荐
- 手把手教你MyEclipseUML建模(下)
手把手教你MyEclipseUML建模(下) 点击访问:手把手教你MyEclipseUML建模(上) 1.用UML 2建模 MyEclipse提供了以下UML 2特性: UML 2图:类.组件.部署. ...
- 【转载】 AutoML相关论文
原文地址: https://www.cnblogs.com/marsggbo/p/9308518.html ---------------------------------------------- ...
- 快速查看MySQL数据库的版本号
1.利用dos命令连接数据库后即有版本号信息 2.利用navicat连接mysql的客户端工具也是可以查看的 直接选中一个连接,然后右键-连接信息查看 3.利用专门的mysql命令查看 4.直接查看咱 ...
- Fast RCNN论文学习
Fast RCNN建立在以前使用深度卷积网络有效分类目标proposals的工作的基础上.使用了几个创新点来改善训练和测试的速度,同时还能增加检测的精确度.Fast RCNN训练VGG16网络的速度是 ...
- 阶段5 3.微服务项目【学成在线】_day17 用户认证 Zuul_05-用户认证-认证服务查询数据库-调用查询用户接口
用户认证服务调用根据账号查询用户的信息 怎么远程调用呢?要创建一个客户端,这个客户端其实就是一个接口 标明服务的名称是ucenter服务 这是ucenter服务里面 复制过来接口的定义,GetMapp ...
- 阶段5 3.微服务项目【学成在线】_day16 Spring Security Oauth2_06-SpringSecurityOauth2研究-Oauth2授权码模式-申请令牌
3.3 Oauth2授权码模式 3.3.1 Oauth2授权模式 Oauth2有以下授权模式: 授权码模式(Authorization Code) 隐式授权模式(Implicit) 密码模式(Reso ...
- 从成员函数指针生成可调用对象:function<>、mem_fn()和bind()
我们知道,普通函数指针是一个可调用对象,但是成员函数指针不是可调用对象.因此,如果我们想在一个保存string的vector中找到第一个空string,不能这样写: vector<string& ...
- VS2010插件之NuGet
Visual Studio(简写VS)是.net程序员开发必不可少的开发工具,随着VS的版本不断的升级和使用用户的扩大,现在针对VS开发了许多的开源免费的插件,大大的方便了程序员的开发,提高了开发效率 ...
- 网页布局(html+css基础)
一.如何用CSS进行网页布局 二.网页布局基础 三.网页简单布局之结构和表现原则 四.CSS Sprite雪碧图应用 什么叫布局? 网页的特点: 网页自适应宽度: 网页长度无限延长: (分栏也叫分列, ...
- Ubuntu下配置LVS【h】
以后服务器只用CentOS和Ubuntu.下午用redhat装个lvs装了一下午都没搞好,TNND的.果断用Ubuntu,不到两个小时就搞定了. 原文参见: http://kamengwang.blo ...