jqGrid常用語法整理，包含數據獲取、常用函數、觸發事件等
| jqGrid表格數據獲取相關語法 | |
| 獲取表格所有數據 | $("#grid").jqGrid("getRowData"); |
| 根據行id獲取表格單行數據 | $("#grid").jqGrid("getRowData", rowid); |
| 獲取選中單行記錄 | $("#grid").jqGrid("getGridParam", "selarow"); |
| 獲取選中多行記錄 | $("#grid").jqGrid("getGridParam", "selarrrow"); |
| 獲取行某單元格數據 | $("#grid").getCell(rowid, columnName); |
| 獲取多行某單元格數組對象 | $("#grid").geCol(columnName, returnTypeFlag, [mathoperation]);(mathoperation可選=sum,avg,count) |
| 獲取當前表格最大行號 | $("#grid").jqGrid('getDataIDs'); |
| 設置表格單元格顏色 | $($("#grid").find("tr")[columnIndex]).children(); -> $(columnObj).css("background","#00EE00"); |
| 設置表格單行顏色 | $($("#grid" "tr[id='"+ rowId +"']")).css("background", "");(無參表示無背景色，反之表示指定背景色) |
| 表格追加行數據 | $("#grid").jqGrid("addRowData", newRowId, dataJsonRow, ["first"]); |
| 表格移除行數據 | $($("#grid").find("tr[id='"+ gridRowId +"']")[rowIndex]).remove(); $("#grid").jqGrid("delRowData", rowId); |
| 重新加載表格數據 | $("#grid").jqGrid([..]).trigger("reloadGrid"); |
| 清空表格數據 | $("#grid").jqGrid("clearGridData"); |
| 取消表格選中記錄 | $("#grid").jqGrid('resetSelection'); |
| 設置表格選中記錄 | $("#grid").jqGrid('setSelection', rowid); |
| 加載子表格數據 | $("#"+subgrid_table_id).jqGrid('navGrid', {……}); |
| 表格列字段顯示/隱藏 | $("#grid").hideCol("columnName"); |
| 動態給表格附加自定義屬性[參數] | $("#grid").setGridParam({...}); |
| jqGrid表格數據觸發事件 | |
| 表格所有數據加載完成事件 | gridComplete: function(){ } |
| 遠程數據返回完成事件 | loadComplete: function(remoteDataJson){ } |
| 表格渲染加載完成事件 | gridCompleteExpansion: function( gridObject ){ } |
| 表格單元格點擊事件 | onCellSelect: function( rowId, columnIndex, cellValue, event ){ } |
| 表格選擇行點擊事件 | onSelectRow: function(rowId, status){ } |
| 表格全選行點擊事件 | onSelectAll: function(rowIds, status){ } |
| 表格雙擊事件 | ondblClickRow: function(rowId, rowIndex, colnumIndex, event){ } |
| 子表格展開事件 | subGridRowExpanded: function(subgrid_id, row_id){ } |
| 子表格關閉事件 | subGridRowColapsed: function(subgrid_id, row_id){ } |
| 表格右鍵點擊行事件 | onRightClickRow: function(rowId, rowIndex, colnumIndex, event){ } |
| 表格隱藏/顯示點擊事件 | onHeaderClick: function(gridState){ }; gridstate為表格狀態，有visible和hidden兩個值 |
| jqGrid表格其他函數 | |
| 函數調用方式[新版本接口] | $("#grid").jqGrid('methodName', parameter1,...parameterN ); |
| 以JSON格式填充表格數據[遠程] | $("#grid").jqGrid().addJSONData({json:json;……}); |
| 以JSON格式向表格追加數據[手動] | $("#grid").jqGrid().addRowData( newRowId, dataJsonRow, position["first"] , srcrowid); srcrowid表示偏移位置 |
| 以XML格式填充表格數據[遠程] | $("#grid").jqGrid().addXmlData({json:json;……}); |
| 清空當前表格所有載入數據 | $("#grid").jqGrid().clearGridData([clearfooter]); 如果clearfooter 參數為true，則清除網格最后一行數據 |
| 刪除表格其中的行數據 | $("#grid").jqGrid().delRowData(rowId); |
| 獲取/設置表格底部數據 | $("#grid").jqGrid().footerData(action, data, format); |
| 表格列動態隱藏/顯示 | $("#grid").jqGrid('hideCol'/'showCol', 'colnumName', ); |
| 表格取消選中/設置選中 | $("#grid").jqGrid('resetSelection'/'setSelection('rowId', 'onSeletRowEvent')'); 缺省Event為true表示選中事件 |
| 拖拽表格時同步表格寬度 | $("#grid").jqGrid('updateColumns') ; |
| 調整列的顯示順序 | $("#grid").jqGrid(). remapColumns('permutation', 'updateCellsFlag', 'keepHeaderFlag') |