jQuery插件之【jqGrid】常用語法整理-【更新】

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')
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章