jqGrid API已经明说过,编辑模式下不要调用getRowData,要不得到数据行列信息包含的是单元格的innerHTML,而不是实际输入控件的值。参考jqGrid的源代码,getRowData的实现方法是遍历tr获取td的innerhTML。
getRowData在单元格和行编辑模式下受到影响,在表单编辑模式没问题,因为表单没有直接修改jqGrid生成输入对象,而是在新的控件中生成编辑对象。
要想在单元格和行编辑模式下getRowData返回实际的数据行,而不是包含html代码的内容,可以参考下面的。
对于单元格编辑,需要先还原或者保存此单元格,然后再调用getRowData方法,实现如下
beforeEditCell:function(rowid,cellname,v,iRow,iCol){
lastrow = iRow;
lastcell = iCol;
}
在调用getRowData获取数据前,先保存/还原单元格
$("#grid").jqGrid("saveCell",lastrow,lastcell);//保存单元格,切换为文本模式
//或者===>
//$("#grid").jqGrid("restoreCell",lastrow,lastcell);//还原单元格,切换为文本模式
var recs=$("#grid").jqGrid("getRowData");
对于行编辑模式,原理一样,还原正在编辑的行或者保存数据到内存中
- 调用editRow时传递oneditfunc事件处理函数保存正在编辑的行的id
$('#list4').jqGrid('editRow', rowid, true,
function (rowid) {
window.rowid=rowid;
});
- 在调用getRowData获取数据前,先保存/还原正在编辑的数据行
jQuery("#grid_id").saveRow(rowid, false, 'clientArray');
//==>或者还原
//jQuery("#grid_id").restoreRow(rowid);
var recs=$("#grid").jqGrid("getRowData");
找了好久了
哈哈