【easyui】datagrid的列可编辑

迈不过友情╰ 2022-07-13 00:43 527阅读 0赞

1 使用editor方法，来实现可编辑

{ field: 'value', title: '分配计划', width: 100, align: 'center', sortable: false, editor: 'text', formatter: changeMoney }

2 然后加上editor的配置以及实现方法

enableHeaderClickMenu: false,
                    enableHeaderContextMenu: false,
                    enableRowContextMenu: false,
                    autoFocusField: "url",
                    autoEditing: true,          //该属性启用双击行时自定开启该行的编辑状态
                    extEditing: true,           //该属性启用行编辑状态的 ExtEditing 风格效果，该属性默认为 true。
                    singleEditing: true,        //该属性启用datagrid的只允许单行编辑效果，该属性默认为 true。
                    onAfterEdit: function (value,index,row) { 
                        $.fn.datagrid.extensions.onAfterEdit.apply(this, arguments);  //这句一定要加上
                        //var row = dataGridItem.datagrid('getSelected');
                        if(isNaN(index.value)) {
                            $.messager.show('提示', "分配计划只能输入数字", 'error');
                            dataGridItem.datagrid("reload");
                        }else {
                            $.post("${pageContext.request.contextPath}/xxx/xxxx/editItemValue.do",
                                    {
                                        id: index.id,
    
                                    },
                                    function (json) { 
                                        if (json.success) {
                                            $.messager.show('提示', json.msg, 'info');
                                            dataGridItem.datagrid("reload");
                                        } else {
                                            $.messager.show('提示', json.msg, 'error');
                                            dataGridItem.datagrid("reload");
                                        }
                                    }, "JSON");
                        }                  
                    },
                    onCancelEdit: function () { 
                        //
                    }