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 ...
随机推荐
- 如何查看SWT源代码和帮助文档
如何查看SWT源代码https://blog.csdn.net/wzq__janeGreen_/article/details/80068998
- Ionic 的安装运行
1.学习前准备工作 1.必须得安装 nodejs (建议安装最新的稳定版本) 2.必须有 Angular 基础:https://www.loaderman.com/goods-1047.html 2. ...
- shell统计ip访问情况并分析访问日志
有日志 1.log,部分内容如下: 112.111.12.248 – [25/Sep/2013:16:08:31 +0800]formula-x.haotui.com“/seccode.php?upd ...
- fbx模型在OSG中渲染
int main() { osg::ref_ptr<osgViewer::Viewer> viewer1 = new osgViewer::Viewer; osg::ref_ptr< ...
- iOS 判断scrollView是否滑动到底部
判断scrollView有没有滚动到视图的底部,用来判断下拉刷新的时间.等 - (void)scrollViewDidScroll:(UIScrollView *)scrollView1 { CG ...
- AFNetWorking实现参数以body传输请求数据
/** * 异步POST请求:以body方式,支持数组 * * @param url 请求的url * @param body body数据 * @param success 成功回调 * @para ...
- 关于LSTM的输入和训练过程的理解
1.训练的话一般一批一批训练,即让batch_size 个样本同时训练: 2.每个样本又包含从该样本往后的连续seq_len个样本(如seq_len=15),seq_len也就是LSTM中cell的个 ...
- PHP爬虫最全总结2-phpQuery,PHPcrawer,snoopy框架中文介绍
第一篇文章介绍了使用原生的PHP和PHP的扩展库实现了爬虫技术.本文尝试使用PHP爬虫框架来写,首先对三种爬虫技术phpQuery,PHPcrawer, snoopy进行对比,然后分析模拟浏览器行为的 ...
- 【MM系列】SAP S/4 HANA的物料编码40位设置
公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[MM系列]SAP S/4 HANA的物料编码4 ...
- 【ARM-Linux开发】DRM学习(一)
http://www.landley.NET/kdocs/htmldocs/drm.html 非常好的一个链接,直接把DRM说的很透.很多API的功能都写全了. Table of Contents 1 ...