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

2017-02-27 22:43 1134人阅读 评论(0) 收藏 举报

分类：

java web（266）

jqGrid API已经明说过，编辑模式下不要调用getRowData，要不得到数据行列信息包含的是单元格的innerHTML，而不是实际输入控件的值。参考jqGrid的源代码，getRowData的实现方法是遍历tr获取td的innerhTML。

　　getRowData在单元格和行编辑模式下受到影响，在表单编辑模式没问题，因为表单没有直接修改jqGrid生成输入对象，而是在新的控件中生成编辑对象。

　　要想在单元格和行编辑模式下getRowData返回实际的数据行，而不是包含html代码的内容，可以参考下面的。

　　对于单元格编辑，需要先还原或者保存此单元格，然后再调用getRowData方法，实现如下
1、给grid添加beforeEditCell事件，声明2个window域的变量记录单元格的行号和列号

－收缩JavaScript代码

beforeEditCell:function(rowid,cellname,v,iRow,iCol){
  lastrow = iRow;
  lastcell = iCol;
}

2、在调用getRowData获取数据前，先保存/还原单元格

－收缩JavaScript代码

$("#grid").jqGrid("saveCell",lastrow,lastcell);//保存单元格，切换为文本模式
//或者===>
//$("#grid").jqGrid("restoreCell",lastrow,lastcell);//还原单元格，切换为文本模式
var recs=$("#grid").jqGrid("getRowData");

 

　　对于行编辑模式，原理一样，还原正在编辑的行或者保存数据到内存中

1，调用editRow时传递oneditfunc事件处理函数保存正在编辑的行的id

－收缩JavaScript代码

$('#list4').jqGrid('editRow', rowid, true,
function (rowid) {
     window.rowid=rowid;
});

2，在调用getRowData获取数据前，先保存/还原正在编辑的数据行

－收缩JavaScript代码

jQuery("#grid_id").saveRow(rowid, false, 'clientArray');
//==>或者还原
//jQuery("#grid_id").restoreRow(rowid);
var recs=$("#grid").jqGrid("getRowData");

顶

0

踩

0