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') |