使用EasyUI的Datagrid的Editor进行行编辑,Enter回车结束编辑,并开启新的一行。
//新增数据
function add() {
if (Index == undefined) {
row = { move_date: '', start_time: '', end_time: '', start_place: '', arrival_place: '', move_vehicle: '' };
$('#dg').datagrid('appendRow', row);
Index = $('#dg').datagrid('getRows').length - 1;
$('#dg').datagrid('selectRow', Index).datagrid('beginEdit', Index);
}//新建行结束
//回车时结束编辑,并开启新一行放在datagrid的onBeginEdit事件里
onBeginEdit: function (Index, row) {
var stayPlace = $("#dg_StaySchedule").datagrid('getEditor', { index: Index, field: 'stay_place' });
var stayAmount = $("#dg_StaySchedule").datagrid('getEditor', { index: Index, field: 'stay_amount' });
$(stayPlace.target).textbox('options').onChange = function (newValue, lodValue) {
//开启等待
MaskUtil.mask();
$.ajax({//根据条件值获取数据
type: "POST",
url: "url?stay_place=" + newValue + "&emp_title=" + $('#emp_title').textbox('getValue'),
dataType: 'json',
success: function (msg) {
//关闭等待
MaskUtil.unmask();
stayData = 0;
stayData = JSON.parse(msg.stay);
$(stayAmount.target).textbox('setValue', stayData);//查询的数据给列赋值
}
})
}
//回车时结束编辑,并开启新一行
$('.datagrid-editable .textbox,.datagrid-editable .datagrid-editable-input,.datagrid-editable .textbox-text').bind('keypress', function (e) {
var code = e.keyCode || e.which;
f (code == 13) {
//保存更改 第一次编辑可能不会改变值
var b = $('#dg').datagrid('validateRow', Index);
if (b == false) {
$('#dg').datagrid('selectRow', Index).datagrid('beginEdit', Index);
return;
}
$('#dg').datagrid('acceptChanges');
$('#dg').datagrid('endEdit', Index);
if (stayData > 0 && row.stay_amount > stayData) {
$.messager.confirm('操作提示', "提交的住宿费已超标准费用,标准住宿费用是:" + stayData + "元,是否继续?", function (r) {
if (r) {
$('#dg').datagrid('unselectRow', Index);
Index= undefined;
add();//新增方法
}
else {
$('#dg').datagrid('beginEdit', Index);
}
})
} else {
Index= undefined;
add();//新增方法
}
}
});
}
转载于:https://www.cnblogs.com/lijl/p/9759923.html
使用EasyUI的Datagrid的Editor进行行编辑,Enter回车结束编辑,并开启新的一行。相关推荐
- datagrid编辑单元格回车换行_使用EasyUI的Datagrid的Editor进行行编辑,Enter回车结束编辑,并开启新的一行。...
//新增数据 function add() { if (Index == undefined) { row = { move_date: '', start_time: '', end_time: ' ...
- easyui的datagrid的editor为combobox,根据每个row的属性的不同,如何动态的设置每个row的combobox的url...
2019独角兽企业重金招聘Python工程师标准>>> JSP中的元素定义: <th field="typeMaskValues" width=" ...
- easyUI下datagrid嵌套显示
主要是运用 easyui的方法进行行内嵌套显示,让一行可以显示更多的东西,让一行显示JSON的字符串.从表之类的东西. 下边先看效果图: 接下来说实现过程: (1)在首次加载中添加代码 view: d ...
- easyui的datagrid的使用记录
datagrid是在 table的基础上变化而来的, 而不是在div的基础上来的. 从div来变成 datagrid,样式的设置还是是比较麻烦的. dg=datagrid 的标题 来源于 column ...
- EasyUI之datagrid展示数据列表
写在最前: 如果你用惯了Web Mvc框架的视图跳转方式来开发后台系统,第一次接触到EasyUI的时候,往往会有一个大大的疑问,这EasyUI是如何做跳转的啊?增删改查都不知道如何下手了!但是当你知道 ...
- R语言对dataframe进行行数据筛选(row selection)多种方案:使用R原生方法、data.table、dplyr等方案
R语言对dataframe进行行数据筛选(row selection)多种方案:使用R原生方法.data.table.dplyr等方案 目录
- 给Jquery easyui 的datagrid 每行增加操作链接(转载)
转自:http://www.thinkphp.cn/code/207.html 通过formatter方法给Jquery easyui 的datagrid 每行增加操作链接 我们都知道Jquery的E ...
- 给Jquery easyui 的datagrid 每行增加操作链接(转)
http://www.thinkphp.cn/code/207.html 通过formatter方法给Jquery easyui 的datagrid 每行增加操作链接 我们都知道Jquery的Easy ...
- easyui使用datagrid时列名包含特殊字符导致表头与数据错位的问题
做一个用easyui的datagrid显示数据的功能时发现表格的列头与数据错位了,而且这个现象不总是能重现,一直没搞清楚原因.后来偶然在控制台看出了一点端倪: 推测表头或者单元格的class名应该是用 ...
最新文章
- 大脑与数学——利用代数拓扑研究模拟大脑 第一部分
- 非阻塞connect的实现
- 使用 dotnet-monitor 分析.NET 应用程序
- HbuliderX + vue项目(初始化创建) - 准备篇
- 使用差分金字塔提取图像边缘 python实现
- 操作系统学习---进程
- QQ 临时会话+图标 HTML代码
- 个人任务五——事后诸葛亮项目回顾
- 篮球队员5V5分组战力差最小
- Symbian术语表
- jquery 录屏_Fundebug录屏插件更新至0.6.0
- Spring Cloud Contract实践
- Spring —— 基于注解的Aop在同一类下产生嵌套时切面不生效问题产生原因及解决
- 比尔总动员技师职业详解
- 从医院安全用电存在的问题入手,提出了安全用电的有效措施
- 内网穿透-NPS使用教程(SOCKS5代理)
- 用python爬视频,超详细,让下载成为可能(某站)
- Xilinx伪双口RAM实现同步FIFO(解决读写冲突)
- JAVA租车网站计算机毕业设计Mybatis+系统+数据库+调试部署
- 计算机专硕考博 什么时候准备,【干货】如果想要申请博士,那么在研究生期间该做哪些准备?...
热门文章
- 电脑温度测试软件_网购电脑够便宜?坑连着坑真的不好躲
- 文件服务器传输,文件服务器传输
- Java反射之如何判断类或变量、方法的修饰符(Modifier解析)
- 儿童机器人慧昱科教获6000万元A轮融资,海尔资本领投
- 微信小程序初步入坑指南
- 【原创】完美实现GetProcAddress [文字模式]
- 机器学习入门:线性回归及梯度下降
- openresty luarocks 安装以及openssl 问题处理
- 自定义SearchView的搜索提示
- 【腾讯Bugly干货分享】Android ListView与RecyclerView对比浅析--缓存机制