Question

我有一行EasyUI propertyGrid（它继承了dataGrid）。我需要在用户编辑文本字段时按Enter键，编辑完成并调用onAfterEdit。 EasyUI默认不执行此操作！任何解决方案？

Answer 1

我遇到了与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'事件的单元格的文本框编辑器，该事件也开始编辑行

祝你好运

Answer 2

尝试使用datagrid-cellediting扩展，它添加了一些像这样的功能

输入按下时jQuery EasyUI dataGrid保存

2 个答案: