jqgrid 主键列的设定

Posted 2020-10-01 儿时精神

1、如果需要对jqgrid表格数据有互动操作，需要设定主键列。

2、主键列的作用为：在进行jqgrid表格数据交互(编辑、新增、删除行)时，是通过主键列的值来作为引导值来的。

3、注意：不要给一个jqgrid指定多个主键列。

4、主键列指定方式，指定colModel属性值中的某个label属性：key: true

 colModel: [
            { label: ‘ID‘, name: ‘Id‘, width: 20, hidden: true },//id值隐藏
            { label: ‘TbReportId‘, name: ‘TbReportId‘, width: 20, hidden: true },//TbReportId值隐藏
            { label: ‘字段编码‘, name: ‘FieldCode‘, width: 150, editable: false },
            {//参数名作为主键
                 label: ‘参数名‘,
                 name: ‘FieldParam‘,
                 width: 150,
                 key: true,
                 editable: true,
                 edittype: "text"
                 //editrules: { required: true }
             }]

View Code

小提示：如果指定了多个列为主键列，则会出现鼠标无法选择jqgrid行的情况。（问题比较坑，不太容易发现，切记）