jQuery插件之【jqGrid】常用语法整理
来源:互联网 发布:白苹果如何保留数据 编辑:程序博客网 时间:2024/05/19 08:37
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')
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')
阅读全文
0 0
- jQuery插件之【jqGrid】常用语法整理
- jQuery插件之【jqGrid】常用语法整理
- jQuery插件之【jqGrid】常用语法整理
- jQuery插件之【jqGrid】常用语法整理-【更新】
- jQuery插件之【jqGrid】常用语法整理-【更新】
- 常用JQuery插件整理
- 常用JQuery插件整理
- 常用JQuery插件整理
- 常用JQuery插件整理
- 常用JQuery插件整理
- 常用JQuery插件整理
- 常用JQuery插件整理
- jquery常用插件整理
- jQuery表格插件jqGrid之JSON数据
- JQuery插件 之 jqgrid(一)
- 常用Jquery插件整理大全
- 常用Jquery插件整理大全
- 常用Jquery插件整理大全
- 爱吃猪头肉的大爷
- POI导出EXCEL经典实现
- Mac上正确的安装和使用nvm
- jQuery学习笔记
- 第八课记录 HDFS基础
- jQuery插件之【jqGrid】常用语法整理
- adroid四大组件
- 用DPDK rte_ring实现多进程间通信
- tensorflow学习笔记(七):tensorboard可视化
- 学校网站建设要做好四个难点
- EPS基本文件格式
- 解决CentOS7下yum install mysql-server没有可用包的问题
- 开机广播的注册
- XAMPP运行MySQL entire log window on the forums解决方案