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

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

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

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

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

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");

 



原创文章,转载请注明出处:jqGrid单元格/行编辑模式下getRowData如何获取数据行
评论(0)Web开发网
阅读(374)喜欢(0)不喜欢(0)jqGrid中文API