上篇

本篇，说说使用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）设置底部按钮按钮区

$('#fieldGrid').navGrid("#fieldGridPager", { edit: false, add: false, del: false, refresh: false, view: false });    $('#fieldGrid').inlineNav('#fieldGridPager',                // the buttons to appear on the toolbar of the grid                {                    edit: true,                    add: false,                    del: true,                    cancel: true,                    editParams: {                        keys: true,                    },                    addParams: {                        keys: true                    }    });

 注意：使用自带的编辑不需要设置行选中属性 onSelectRow

需要特别注意：不能同时支持内置行编辑和行事件触发的行编辑。会产生行结束编辑的干扰项，比较坑，请绕开。若要使用行编辑请分别采用以下某一种方式