jQuery外掛之【jqGrid】常用語法整理-【更新】
阿新 • • 發佈:2019-01-30
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') |