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如何获取数据行