jqGrid单元格/行编辑模式下getRowData如何获取数据行

最新推荐文章于 2021-12-16 16:37:36 发布

iteye_11020

最新推荐文章于 2021-12-16 16:37:36 发布

阅读量763

点赞数

CC 4.0 BY-SA版权

分类专栏： jqGrid 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_11020/article/details/82575772

jqGrid 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在jqGrid中处理单元格和行编辑模式下的数据获取，通过添加beforeEditCell事件，实现了在编辑前后获取实际的单元格和行数据，包括保存和还原操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

getRowData实现方法遍历tr获取tdinnerhTML getRowData单元格和行编辑模式下受影响表单编辑模式没问题因表单没有直接修改jqGrid生成输入对象而新控件生成编辑对象要想单元格和行编辑模式下getRowData返回实际数据行而包含html代码内容参考下面
对于单元格编辑需要先还原或者保存此单元格再调用getRowData方法实现下

1、给grid添加beforeEditCell事件声明2window域变量记录单元格行号和列号 beforeEditCell:function(rowid,cellname,v,iRow,iCol){ lastrow = iRow; lastcell = iCol; }

2、调用getRowData获取数据前先保存/还原单元格 $("#grid").jqGrid("saveCell",lastrow,lastcell);//保存单元格切换文本模式 //或者===> //$("#grid").jqGrid("restoreCell",lastrow,lastcell);//还原单元格切换文本模式 var recs=$("#grid").jqGrid("getRowData"); 对于行编辑模式原理样还原正编辑行或者保存数据内存 1调用editRow时传递oneditfunc事件处理函数保存正编辑行id $('#list4').jqGrid('editRow', rowid, true, function (rowid) { window.rowid=rowid; }); 2调用getRowData获取数据前先保存/还原正编辑数据行 jQuery("#grid_id").saveRow(rowid, false, 'clientArray'); //==>或者还原 //jQuery("#grid_id").restoreRow(rowid); var recs=$("#grid").jqGrid("getRowData");