jqGrid edit总结

最新推荐文章于 2025-07-27 11:01:16 发布

weixin_30483697

最新推荐文章于 2025-07-27 11:01:16 发布

阅读量281

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zslb/p/8250244.html

本文介绍了jqGrid作为jQuery表格组件的应用，特别是其可编辑模式的实现方式。文章详细讲解了如何通过设置cellEdit参数来开启表格编辑功能，并对表格列的editable属性进行了说明。此外，还介绍了edittype的作用及如何正确使用getRowData方法获取编辑后的数据。

jqGrid作为jqury的表格组件，上手容易，配置简单！但是因为组件的封装很多事件必须理解透彻才能更好的用，当然也可以自己进行方法重写。话不多说，说说我用jqgrid可编辑模式的经验：

初始化：jqgrid设置可编辑：cellEdit：true；

表格具体列的设置： editable 用来说明这个列的数据是否可编辑，默认false！切记只有可见的才能进行编辑

　　　　　　　　　　edittype 可选的值是'text', 'textarea', 'select', 'checkbox', 'password', 'button', 'image', 'file'以及'custom'。默认值是text。

编辑后通过getRowData获取数据时必须：

1 配置编辑前获取变量

2 调用savecell方法

3 如果没有做遇到的错误：获取的rowdata为dom元素类似：<div/>!

4 上述问题解析：

　　（1）原因：getRowdata时，得到的是单元格的innerhtml；表单在行和单元格编辑模式时，是在新的控件中生成编辑编辑对象而不是输入对象

　　（2）saveCell 即是将编辑对象改为输入对象

beforeEditCell:function (rowid, cellname, v, iRow, iCol) {
            lastrow=iRow;
            lastcell=iCol;
        },
　$("#desJqGrid").jqGrid("saveCell", lastrow, lastcell)
　　　　　
 

   cellEdit:true,

转载于:https://www.cnblogs.com/zslb/p/8250244.html