让我把我的解决方案留给 Google。使用版本 1.4.4 测试
基本上你需要重写editRow
方法,但 EasyUI 似乎设计得不是很好,内部完全没有文档记录。还有一个对隐藏focusEditor
函数的调用,所以我最终得到了这段代码。它使用 <Enter> 触发saveRow
,并允许您使用 <Shift> + <Enter> 在多行编辑器中插入换行符。由于许多意外错误,我还通过单击其他行来关闭保存。
$.fn.edatagrid.methods.editRow = function(jq, index){
return jq.each(function(){
var dg = $(this);
var opts = $.data(this, 'edatagrid').options;
var editIndex = opts.editIndex;
if (editIndex != index){
// -------------------- ✂ --------------------
// Lost focus
if (editIndex != -1) {
dg.edatagrid('cancelRow');
return;
}
// -------------------- ✂ --------------------
if (dg.datagrid('validateRow', editIndex)){
if (editIndex>=0){
if (opts.onBeforeSave.call(this, editIndex) == false) {
setTimeout(function(){
dg.datagrid('selectRow', editIndex);
},0);
return;
}
}
dg.datagrid('endEdit', editIndex);
dg.datagrid('beginEdit', index);
if (!dg.edatagrid('isEditing', index)){
return;
}
opts.editIndex = index;
// -------------------- ✂ --------------------
// Based on focusEditor() function
var target;
var that = this;
var editor = $(this).datagrid('getEditor', {index:opts.editIndex});
if (editor){
target = editor.target;
} else {
var editors = $(this).datagrid('getEditors', opts.editIndex);
if (editors.length){
target = editors[0].target;
}
}
if (target){
var field = $(target).hasClass('textbox-f') ? $(target).textbox('textbox') : $(target);
field.focus();
field.bind('keydown', function(e) {
if (e.which == 13 && !event.shiftKey) {
$(that).edatagrid('saveRow');
}
});
}
// -------------------- ✂ --------------------
var rows = dg.datagrid('getRows');
opts.onEdit.call(this, index, rows[index]);
} else {
setTimeout(function(){
dg.datagrid('selectRow', editIndex);
}, 0);
}
}
});
};