首页 技术 正文
技术 2022年11月20日
0 收藏 753 点赞 2,762 浏览 2594 个字

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’)
相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,992
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,506
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,349
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,134
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,766
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,844