jqGrid單元格/行編輯模式下getRowData如何獲取數(shù)據(jù)行

quasiceo 2017-08-18

展開全文

2017-02-27 22:43 1134人閱讀評論(0) 收藏舉報

分類：

java web（266）

jqGrid API已經(jīng)明說過，編輯模式下不要調(diào)用getRowData，要不得到數(shù)據(jù)行列信息包含的是單元格的innerHTML，而不是實際輸入控件的值。參考jqGrid的源代碼，getRowData的實現(xiàn)方法是遍歷tr獲取td的innerhTML。

　　getRowData在單元格和行編輯模式下受到影響，在表單編輯模式?jīng)]問題，因為表單沒有直接修改jqGrid生成輸入對象，而是在新的控件中生成編輯對象。

　　要想在單元格和行編輯模式下getRowData返回實際的數(shù)據(jù)行，而不是包含html代碼的內(nèi)容，可以參考下面的。

　　對于單元格編輯，需要先還原或者保存此單元格，然后再調(diào)用getRowData方法，實現(xiàn)如下
1、給grid添加beforeEditCell事件，聲明2個window域的變量記錄單元格的行號和列號

－收縮JavaScript代碼

beforeEditCell:function(rowid,cellname,v,iRow,iCol){
lastrow = iRow;
lastcell = iCol;
}

2、在調(diào)用getRowData獲取數(shù)據(jù)前，先保存/還原單元格

－收縮JavaScript代碼

$("#grid").jqGrid("saveCell",lastrow,lastcell);//保存單元格，切換為文本模式
//或者===>
//$("#grid").jqGrid("restoreCell",lastrow,lastcell);//還原單元格，切換為文本模式
var recs=$("#grid").jqGrid("getRowData");

　　對于行編輯模式，原理一樣，還原正在編輯的行或者保存數(shù)據(jù)到內(nèi)存中

1，調(diào)用editRow時傳遞oneditfunc事件處理函數(shù)保存正在編輯的行的id

－收縮JavaScript代碼

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

2，在調(diào)用getRowData獲取數(shù)據(jù)前，先保存/還原正在編輯的數(shù)據(jù)行

－收縮JavaScript代碼

jQuery("#grid_id").saveRow(rowid, false, 'clientArray');
//==>或者還原
//jQuery("#grid_id").restoreRow(rowid);
var recs=$("#grid").jqGrid("getRowData");