【easyui】datagrid的列可编辑

时间:2021-12-12 15:02:28

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