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

原创 Laughing  2017-06-30 21:38  阅读 108 次 评论 0 条

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

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

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

对于单元格编辑,需要先还原或者保存此单元格,然后再调用getRowData方法,实现如下

  • 1
    1. beforeEditCell:function(rowid,cellname,v,iRow,iCol){  
    2.   lastrow = iRow;  
    3.   lastcell = iCol;  
    4. }  
  • 2
  • 在调用getRowData获取数据前,先保存/还原单元格

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

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

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

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

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

    1. jQuery("#grid_id").saveRow(rowid, false, 'clientArray');  
    2. //==>或者还原  
    3. //jQuery("#grid_id").restoreRow(rowid);  
    4. var recs=$("#grid").jqGrid("getRowData");  
    本文地址:https://www.lisen.me/jqgrid-getrowdata-cellline-edit-mode-how-to-get-the-data.html
    版权声明:本文为原创文章,版权归 木子网 所有,欢迎分享本文,转载请保留出处!

    发表评论


    表情