easyui 行内编辑 autoSave失效的解决方法

最新推荐文章于 2023-04-29 08:14:32 发布

原创最新推荐文章于 2023-04-29 08:14:32 发布 · 955 阅读

1 ·

CC 4.0 BY-SA版权

easyui 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种在jQuery EasyUI datagrid中实现行编辑切换的方法。通过修改源代码，确保了在开始编辑新行前，当前编辑行可以保存或取消编辑状态。此方案解决了在不同行间切换编辑时可能遇到的问题。

editRow: function(jq, index){
return jq.each(function(){
var dg = $(this);
var opts = $.data(this, 'edatagrid').options;
var editIndex = opts.editIndex;
if (editIndex != index){
if (dg.datagrid('validateRow', editIndex)){
if (editIndex>=0){
if (opts.onBeforeSave.call(this, editIndex) == false) {
setTimeout(function(){
dg.datagrid('selectRow', editIndex);
},0);
return;
}
}
//”jquery.edatagrid.js“文件添加以下四行代码完美解决问题
if(opts.autoSave){
dg.datagrid('endEdit', editIndex);
}if(!opts.autoSave){
dg.datagrid('refreshRow',editIndex);
}

dg.datagrid('beginEdit', index);
opts.editIndex = index;

if (currTarget != this && $(currTarget).length){
$(currTarget).edatagrid('saveRow');
currTarget = undefined;
}
if (opts.autoSave){
currTarget = this;
}
var rows = dg.datagrid('getRows');
opts.onEdit.call(this, index, rows[index]);
} else {
setTimeout(function(){
dg.datagrid('selectRow', editIndex);
}, 0);
}
}
});
},