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 ...
随机推荐
- 复习Android布局
效果如图: 这里没有做逻辑的处理,仅仅是布局的罗列.包括垂直和水平的线性布局,以及一个滚动的view. <?xml version="1.0" encoding=" ...
- PHP判断是否在微信内部浏览器访问
<?php if(is_weixin()){ echo "这是微信内部浏览器"; }else{ echo "这是微信外部浏览器"; } function ...
- GPS nmealib学习 问题
When building on Ubuntu 12.x the build fails with the following error… gcc samples/generate/main.o ...
- Promise和Generator
异同: 1.promise解决的是串行的嵌套异步问题. 2.yield把Generator Function切割为有多个出口的Generation. 3.Promise是社区的研发产物,yield是E ...
- java通过telnet远程至windows机器执行dos命令
准备工作,远程windows机器中开启telnet服务,将远程登录用户添加至telnetClients用户组 核心代码: import java.io.IOException; import java ...
- winform软件版本检测自动升级开发流程(转)
注:按此博文试验OK 基于C/S的开发有开发效率高,对于业务逻辑复杂,且不需要外网使用具有较大优势,但是弊端也不可忽视,就是升级麻烦,不可能每写一个版本就要拿着安装包给每个人去替换,这样不仅搞得自己很 ...
- java8中计算两个日期时间LocalDateTime的时间差,格式化成xx年yy月zz日aa时bb分cc秒
原则上应该适用Period来计算,因为他是专门为这种需求设计的.当时他只能计算到两个时间差的,年月日 传入参数Period.between(LocalDate,LocalDate) 这里是计算两个Lo ...
- 【Leetcode_easy】796. Rotate String
problem 796. Rotate String solution1: class Solution { public: bool rotateString(string A, string B) ...
- 【Leetcode_easy】633. Sum of Square Numbers
problem 633. Sum of Square Numbers 题意: solution1: 可以从c的平方根,注意即使c不是平方数,也会返回一个整型数.然后我们判断如果 i*i 等于c,说明c ...
- git 平时遇到的问题记录
1.git warning: LF will be replaced by CRLF in 解决办法 git config core.autocrlf false 2.git提交时如何忽略一些文件 h ...