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

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

Laughing
2017-06-30 / 0 评论 / 1,185 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2024年05月31日,已超过232天没有更新,若内容或图片失效,请留言反馈。

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

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

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

评论 (0)

取消
  1. 头像
    rrrrr
    MacOS · Google Chrome

    找了好久了

    回复
  2. 头像
    Laughing 作者
    MacOS · Safari

    哈哈

    回复