easyui-edatagrid.js实现回车键结束编辑功能

easyui的可编辑表格并不具备回车事件。这让edatagrid在结束编辑时的操作很麻烦，除非你点击其他行，或者点出表格否则不会取消编辑行。

为了让结束编辑操作更简单些，我为每个单元格添加了回车事件，当回车时结束本行编辑，具体做法是重写edatagrid的onDblClickCell事件，如下：

[javascript]  view plain  copy

 print ?

1. onDblClickCell : function(index, field, value) {  
2.         if (opts.editing) {  
3.             $(this).edatagrid('editRow', index);  
4.             focusEditor(field);  
5.             //以下是我添加的代码  
6.             var currentEdatagrid = $(this);  
7.             $('.datagrid-editable .textbox,.datagrid-editable .datagrid-editable-input,.datagrid-editable .textbox-text').bind('keydown', function(e){  
8.                             var code = e.keyCode || e.which;  
9.                             if(code == 13){  
10.                                 $(currentEdatagrid).datagrid('acceptChanges');  
11.                                 $(currentEdatagrid).datagrid('endEdit', index);  
12.                             }  
13.                 });  
14.             //添加代码结束  
15.         }  
16.         if (opts.onDblClickCell) {  
17.             opts.onDblClickCell.call(target, index, field,value);  
18.         }  
19. },  

也可以单独添加一个onEnterCell事件，在该事件中处理，灵活性更强。这样就可以调用onEnterCell:function(index){}。