按下输入时jQuery EasyUI dataGrid保存答案

【问题标题】：jQuery EasyUI dataGrid save when enter pressed按下输入时jQuery EasyUI dataGrid保存
【发布时间】：2013-11-15 16:22:30
【问题描述】：

我有一个包含几行的 EasyUI propertyGrid（继承 dataGrid）。我需要当用户编辑文本字段时，按下回车键时，编辑完成并调用 onAfterEdit。 EasyUI 默认不这样做！有什么解决办法吗？

【问题讨论】：

标签： jquery datagrid onkeyup jquery-easyui

【解决方案1】：

试试 datagrid-cellediting 扩展，它添加了一些类似这样的功能

【讨论】：

【解决方案2】：

我对 treegrid 也有同样的问题，所以我认为您也可以将此代码与 propertyGrid 一起使用：

    onDblClickRow: function(row){
            if (editingId != undefined){
                $('#arbol_eui').treegrid('select', editingId);
                return;
            }

            if (row){
                editingId = row.id;
                pos = row.id;
                $('#arbol_eui').treegrid('beginEdit', editingId);
            }
            var ed = $(this).treegrid('getEditor',
                                     {index:editingId,field:'peso'});

            $(ed.target).focus().select().bind('keyup', function(e) 
            {
                var code = e.keyCode || e.which;
                if(code == 13) { //Enter keycode
                  //Trigger code to save row
                                      //This executes onAfterEdit event code
                  var t = $('#arbol_eui'); //My treegrid selector
                              t.treegrid('endEdit', editingId);
                              editingId = undefined; //editingId is a global var

                }
            });
        },

关键是将jquery事件'keyup'绑定到文本框编辑器的'onDblClickRow'事件中的单元格，该事件也开始编辑行

祝你好运

【讨论】：

我想出了关键解决方案，但在编辑一行并按 Enter 之后，该行不再可编辑，除非用户单击另一行或将注意力集中在 propertyEditor 之外。通过查看您的代码，我学会了使用 onClickRow 以编程方式启动编辑，这解决了我的问题。谢谢！
我还在 ('endEdit') 之后使用了 propertygrid('acceptChanges')，这使得更改在给定行中永久化。