jqgrid 使用自带的行编辑

Posted 儿时精神

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jqgrid 使用自带的行编辑相关的知识,希望对你有一定的参考价值。

上篇jqgrid 单击行启用行编辑,切换行保存原编辑行

本篇,说说使用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"
               }]
View Code

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
                    }
    });
View Code

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

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

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

jqgrid 使用自带的行编辑

以上是关于jqgrid 使用自带的行编辑的主要内容,如果未能解决你的问题,请参考以下文章

怎样获取编辑后的jqgrid的值

ASP.net MVC 代码片段问题中的 Jqgrid 实现

jqgrid 选中行触发编辑,切换下一行时验证和异步保存上一行数据

jqgrid 控制 详细页面 显示的 列

仅获取从 jqgrid 表中删除的行的“id”[关闭]

jqgrid有搜索的方法吗?