【easyui】datagrid的列可编辑

来源：互联网发布：淘宝发货无需物流编辑：程序博客网时间：2024/05/01 09:27

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 () {                    //                }

0 0