jqgrid 单击行启用行编辑，切换行保存原编辑行

为了加速表格互动编辑我们往往希望通过选中行就触发了行编辑完成行编辑后再选中另一个行做编辑同时上一个编辑行被自动保存直至完成需要的编辑内容。页面效果可能如下1设置需要编辑的列 editable: true 参考如下colModel: [ { label: 字段编码, name: FieldCode, key: true, width: 180, editable: false }, { label: 字段名称, name: FieldName, width: 150, editable: true, edittype: text, editrules: { required: true } }, { label: 字段类型, name: DataType, width: 10, hidden: true, editable: true, }, { label: 是否排序, name: IsOrder, width: 80, editable: true, edittype: select, editoptions: { //value: true:是;false:否 value: true:true;false:false } }, { label: 列宽, name: Width, width: 55, editable: true, editrules: { required: true, integer: true }, edittype: text }]2使用 onSelectRow 选中行事件$(#fieldGrid).jqGrid({ ... onSelectRow: EditSelectRow, pager: #fieldGridPager, ... });3编写行选中的自定义方法 EditSelectRow//选中行启用行编辑 function EditSelectRow(id) { //原选中行ID var oldSelectRowId $(#selectRowId).val(); if (oldSelectRowId ! null oldSelectRowId ! oldSelectRowId.length 0) { $(#fieldGrid).jqGrid(saveRow, oldSelectRowId);//保存上一行 } //当前选中行 $(#selectRowId).val(id);//临时存储当前选中行 //$(#fieldGrid).jqGrid(editRow, id); $(#fieldGrid).jqGrid(editRow, id, { keys: true, focusField: 1 }); }需要特别注意不能同时支持内置行编辑和行事件触发的行编辑。会产生行结束编辑的干扰项比较坑请绕开。若要使用行编辑请分别采用以下某一种方式jqgrid 单击行启用行编辑切换行保存原编辑行jqgrid 使用自带的行编辑jqgrid 选中行触发编辑切换下一行时验证和异步保存上一行数据