jqGrid API 相关
取消所有选中的行:
$("jqgridtableid").trigger("reloadGrid");
设定选中行,可设定多行选中:
$("jqgridtableid").jqGrid('setSelection',id1);
$("jqgridtableid").jqGrid('setSelection',id2);
获得选中行的ID数组:
var ids = $("jqgridtableid").jqGrid('getGridParam','selarrrow');
获得某单元格的数据:
var celldata = $("jqgridtableid").jqGrid('getCell',id,colnum);
获得所有行的ID数组:
var ids = $("jqgridtableid").jqGrid('getDataIDs');
获取jqGrid中选择的行的数据
如何获取jqGrid中选择的行的数据?
下面可以获取选择一行的id,如果你选择多行,那下面的id是最后选择的行的id:
var id=$(‘#gridTable’).jqGrid(‘getGridParam’,'selrow’);
如果想要获取选择多行的id,那这些id便封装成一个id数组,那可以使用以下:
var ids=$(‘#gridTable’).jqGrid(‘getGridParam’,'selarrrow’);
如果想获取选择的行的数据,只要传入rowId即可,如下:
var rowData = $(“#gridTable”).jqGrid(‘getRowData’,rowId);
而这个rowData是一个对象,如果要获取选择的行的这个对象的属性值,如name的值,需如下:
var rowName=rowData.name;
当然你这个对象得有name这个属性才行。
应用实例:
var ids=$("#rightGrid9").jqGrid("getGridParam","selarrrow");
if(ids.length==1){
var rowid=$("#rightGrid9").jqGrid("getGridParam","selrow");
$("#rightGrid9").panGrid("downlayer",{"rowid":rowid});
}else{
alert("你没有选取或者选取为多行数据,不允许进入下一级");
}
核心提示:本文主要讲述subGrid(子数据表格)-jqGrid中文API(4)相关内容:JQgrid 中文api比较零散,嗨网在线 将陆续收集网上大虾翻译过的api,供各位需要的朋友参考,本篇jqGrid中文API主要介绍options ColModel(选项和列设置),jqgrid提供的所谓subgrid就是在我们每一条所选中记录下面在出现一个数据表格。
JQgrid 中文api比较零散,嗨网在线 将陆续收集网上大虾翻译过的api,供各位需要的朋友参考,主要包括subGrid(子数据表格)、Navigator Pager(导航分页)、Events(事件)、options ColModel(选项和列设置)。higrid.net上提供的本篇jqGrid中文API主要介绍options ColModel(选项和列设置),jqgrid提供的所谓subgrid就是在我们每一条所选中记录下面在出现一个数据表格(如图),里面的内容都是这条父记录的子记录。jqGrid提供了两种处理子记录的方法:subGrid方法和将一个grid作为subGrid
subgrid安装
确保你下载的`jqGrid`的js包中含有`grid.subgrid.js`组件
属性
下列的属性请在grid的options(选项)中使用--注:详见options ColModel(选项和列设置)
属性 | 类型 | 描述 | 默认值 | |
subGrid | boolean | 若使用subgrid功能将此属性设置为true,此时在基本的Grid左侧会出现额外的显示加号图标的一列,表明用户可以点击加号展开该行显示subgrid数据,默认所有行是收缩的。 | false | |
subGridOptions | object | 一组对subgrid设置的属性,默认所有属性使用下列的默认值{ plusicon : “ui-icon-plus”, minusicon : “ui-icon-minus”, openicon: “ui-icon-carat-1-sw”, expandOnLoad: false, selectOnExpand : false, reloadOnExpand : true } plusicon and minusicon定义收缩和展开时的图标样式,名称必须符合Theme Roller的规范openicon当subgrid展开时minusicon下面的图标样式expandOnload为真时当数据装载时所有行自动展开selectOnLoad为真时当鼠标点击加号图标该行处于选中状态reloadOnExpand 为假时subgrid中的数据只装载一次,随后的点击仅仅显示隐藏数据并不会有ajax交互。 |
||
subGridModel | array | 这是一组描述subgrid列属性和subgrid数据的数组,只有当subGrid为真才生效,语法如: subGridModel : [ { name : ['name_1','name_2',…,'name_n'], width : [width_1,width_2,…,width_n] , align : ['left','center',…,'right'] , params : [param_1,…,param_n], mapping:['name_1_map','name_2_map',…,'name_n_map']} ] name: 包含列去标签索引(labels)的数组 width: 包含列宽度的数组,个数要与name中的一致 align: 包含列中文字对齐状态的数组,值可为left、center、right,默认left params: 类型数组,默认只将行id传给服务端,可以添加一个额外的参数传给服务端,名称可以是colModel中的name属性值 mapping:当repeateditems为false才可用,我们用name映射subgrid中的name, |
||
subgridtype | mixed | 装入subgrid的数据类型。默认按父grid中的数据类型 | null | |
subGridWidth | integer | 设置subgrid列的宽度 | true | |
subGridUrl | string | 当subGrid属性为真才有效,获取subgrid数据的路径,jqGrid将行的ID增加此url中,若要添加其他参数,使用subGridModel | ||
ajaxSubgridOptions |
|
设置ajax的全局属性作用于当subgrid获得数据时,会覆盖当前ajax的所有设置,包括完成事件 | 0 |
在配置subgrid前你需要先在xmlReader或jsonReader中配置subgrid项,默认的设置是
xmlReader : {
…
subgrid: {
root: “rows”,
row: “row”,
repeatitems: true,
cell: “cell”
}
}
jsonReader : {
…
subgrid: {
root: “rows”,
repeatitems: true,
cell: “cell”
}
}
映射规则与基本grid中的相同,了解更多jqGrid中文文档(3)–数据操作
下面是一个subGridType从服务端获取的例子
jQuery("#grid_id").jqGrid({
...
subgridtype: function(rowidprm) {
jQuery.ajax({
url:'url_to_the_service',
data:rowidprm,
dataType:"json",
complete: function(jsondata,stat){
if(stat=="success") {
var thegrid = jQuery("#grid_id")[0];
thegrid.subGridJson(eval("("+jsondata.responseText+")"),rowidprm.id);
}
}
});
},subgrid
rowidprms是一个包含行id和其他参数的数组,作为需要来设置subGridModel的参数和subGridJson方法
事件:
pID:点击行时会创建子表格subGrid,是个div元素,它的id就是pID
id:要展开行显示子表格的行id
sPostData:当subgrid响应时发布的数据
事件 | 参数 | 描述 |
subGridBeforeExpand | pID,id | 展开grid前触发,事件应返回false或true,当返回false,subgrid中的行不会被展开也不会打开。 |
subGridRowExpanded | pID,id | subgrid生效并且点击展开加号图标钮时触发,可以在subgrid中设置自定义数据 |
subGridRowColapsed | pID,id | 当点击收缩图标时触发,事件应返回false或true;当为false行不会收缩。 |
serializeSubGridData | pID,id | 此事件被用作经过ajax响应后初始化数据,需返回初始化的数据(XML、JSON等格式) |
方法:
事件 | 参数 | 描述 |
subGridBeforeExpand | pID,id | 展开grid前触发,事件应返回false或true,当返回false,subgrid中的行不会被展开也不会打开。 |
subGridRowExpanded | pID,id | subgrid生效并且点击展开加号图标钮时触发,可以在subgrid中设置自定义数据 |
subGridRowColapsed | pID,id | 当点击收缩图标时触发,事件应返回false或true;当为false行不会收缩。 |
serializeSubGridData | pID,id | 此事件被用作经过ajax响应后初始化数据,需返回初始化的数据(XML、JSON等格式) |
禁用/启用 subgrid:
jqGrid API 相关的更多相关文章
- jqGrid APi 详解
jqGrid APi 详解 jqGrid皮肤 从3.5版本开始,jqGrid完全支持jquery UI的theme.我们可以从http://jqueryui.com/themeroller/下载我们所 ...
- Stack Overflow 上排名前十的与API相关的问题
Stack Overflow是一个庞大的编程知识仓库,在Stack Overflow 上,数百万的提问被回答,并且这些回答都是高质量的.这就是为什么在Google搜索结果的排行榜上,Stack Ove ...
- 论vue项目api相关代码的组织方式
论vue项目api相关代码的组织方式 看了下项目组同事的代码,发现不同项目有不同的组织版本 版本一: ├─apis │ a.api.js │ b.api.js │ b.api.js │ d.api.j ...
- 物联网时代-跟着Thingsboard学IOT架构-HTTP设备协议及API相关限制
thingsboard官网: https://thingsboard.io/ thingsboard GitHub: https://github.com/thingsboard/thingsboar ...
- Phoenix简介概述,Phoenix的Java API 相关操作优秀案例
Phoenix简介概述,Phoenix的Java API 相关操作优秀案例 一.Phoenix概述简介 二.Phoenix实例一:Java API操作 2.1 phoenix.properties 2 ...
- jqGrid API 全
JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信. JQGrid Demo 是一个在线的演示项目.在这里,可以知道jqgrid可以做什么事情. 下面是转自其他人b ...
- jqGrid api 中文说明
JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信. JQGrid Demo 是一个在线的演示项目.在这里,可以知道jqgrid可以做什么事情. 下面是转自其他人b ...
- jqGrid API (转)
来源:https://www.cnblogs.com/MonaSong/p/5109991.html JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信. JQGr ...
- [置顶] API相关工作过往的总结之整体介绍
此系列的总结文章,仅仅是我个人工作总结,有考虑不周之处还请各位同行多多指教. API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是 ...
随机推荐
- 从零开始学android开发-通过WebService获取今日天气情况
因为本身是在搞.NET方面的东东,现在在学习Android,所以想实现Android通过WebService接口来获取数据,网上很多例子还有有问题的.参考:Android 通过WebService进行 ...
- Codeforces Round #326 (Div. 2) D. Duff in Beach dp
D. Duff in Beach Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/588/probl ...
- js实现自己定义鼠标右键-------Day45
又是周末了,只是事实上这在国外应该算是一周的開始吧,无论怎么说,今天是在歇息,放松我紧绷的神经,放松我有些疲惫的精神,昨晚上要裂了般的头疼,仿佛全部的数据都在脑子字面飞舞旋转,伴着一阵阵的恶心,当时把 ...
- 如何在Swift里用UnsafeMutablePointer
下午在适配iPadUI的时候,用到了UIPopoverPresentationController,然后在转屏的时候需要调用UIPopoverPresentationControllerDelegat ...
- dubbo-RPC学习(一)自定义配置
在dubbo的基础上实现异步调用的时候,因为需要支持回调的“重试间隔时间”与“重试次数”等属性.因此,需要扩展dubbo.xsd,需要添加新的属性来支持这种扩展. dubbo 的xsd是基于sprin ...
- PHP: 深入pack/unpack 字节序
http://my.oschina.net/goal/blog/195749?p=1 目录[-] 写在前面的话 什么是字节序 MSB和LSB 大端序 小端序 网络字节序 主机字节序 总结 pack/u ...
- LINUX命令之ETHTOOL用法详解
转载:http://crazyming.blog.51cto.com/1048571/738022 debian 下安装: sudo apt-get install ethtool 或者下载源码编译: ...
- 琐碎-关于hadoop的GenericOptionsParser类
GenericOptionsParser 命令行解析器 是hadoop框架中解析命令行参数的基本类.它能够辨别一些标准的命令行参数,能够使应用程序轻易地指定namenode,jobtracker,以及 ...
- iOS XMPP(2)自己创建客户端
一.目的以及效果: 用Xcode利用xmpp框架建立客户端,实现向服务器注册添加用户 密码,以及登陆,离线状态 工程的主要结构:新建singleview工程,用xib拖放两个输入框和两个按钮, 并在v ...
- CSS skills: 2) change hover dynamically by js
//命名空间 var base = {}; //class base.gClass={}; //鼠标hover交互方法: 注册对象的hover的class特性以及mouseMoveIn,mouseMo ...