【easyui】datagrid的列可编辑

最新推荐文章于 2019-10-23 10:29:59 发布

小魏的马仔

最新推荐文章于 2019-10-23 10:29:59 发布

阅读量8.6k

点赞数

分类专栏： web开发文章标签： datagrid easyui

本文链接：https://blog.csdn.net/xuexiiphone/article/details/53706885

版权

web开发专栏收录该内容

48 篇文章 1 订阅

订阅专栏

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