这篇中将补充说明一些之前没有讲到的细节内容,比如一些特殊功能的jqGrid选项、jqGrid的事件等等。
1. jqGrid选项补充说明
之前已经介绍了许多经常用到的jqGrid选项,还有一部分虽然还没有介绍,但却能肩负特殊的功能。例如:
-
altRows :当次此选项为true时,表格的行将呈现交替样式显示(zebra-striped)。
-
altclass :此选项只在altRows为true时才有效,交替显示的样式;默认值为:ui-priority-secondary。
-
datastr :当datatype选项为xmlstring或jsonstring时,设置此选项可以充当Grid中的数据内容。
-
deepempty :如果有事件或者插件被绑定到表格的cell上,则应该经此选项设为true;此选项将使用jQuery的empty方法来处理行及其子元素的回收工作;虽然会有性能下降,但可以避免内存泄露。
-
forceFit :如果此选项为true,则当调整某一列的宽度的时候,其右侧相邻的列也会相应调整宽度,以保持整个表格的宽度不变;但此选项受制于shrinkToFit选项,当shrinkToFit为false时,此选项也将被忽略。
-
gridstate :当使用了hiddengrid、hidegrid、caption选项的时候,决定表格的状态;可能的值为visible和hidden,默认值为visible。
-
hidegrid :由于控制是否启用或禁用表格标题栏中的“显示/隐藏”表格按钮;只有在caption属性为非空字符串的情况下有效。
-
hiddengrid :如果设为true,则表格在初始化状态下是隐藏的,只有标题栏显示,且不会像Server发送请求,也就不会载入任何数据;只有第一次点击标题栏中的“显示/隐藏”表格按钮后,才会向Server发送请求,载入数据,显示表格;此选项只有在caption选项非空,且hidegrid为true的情况下才有效。
-
lastpage :只读选项,表示从请求返回的总页码数,默认为0。
-
lastsort :只读选项,表示最后一次排序使用的列的索引序数,从0开始,默认为0。
-
loadonce :如果此项为true,则只向Server发送一次请求。当第一次请求结束后,datatype选项自动变更为local,所有的后续操作都只是基于客户端的;而pager的各项功能也都将被禁用。
-
multiselect :如果此项为true,则允许多行同时选择;在表格的左端将出现新的一列,用于多行选择。
-
multikey :此项只在multiselect为true时有意义,定义按哪个键来进行多行选择,可能的值:shiftKey、altKey、ctrlKey。
-
multiboxonly :此项只在multiselect为true时有意义;如果此项为true,则只有点击多选列中的checkbox,才能进行多行选择,点击行的其他位置,都只是单行选择。
-
multiselectWidth :设置多选列的宽度。
-
selarrrow :只读选项,表示在multiselect为true时,多选行的id数组。
-
postData :{name:value,...}类型的数组,此数组中的元素将会作为参数,被直接传入url;
-
sortname :表格初始化时使用的排序列的index。
-
sortorder :表格初始化时使用的排序方式,asc或desc。
-
scroll :创建动态滚动的表格,可以使用垂直滚动条来载入数据。此选项可以接受boolean值或integer值;默认为false;如果为true,则表格将保持从开始到现在所有曾经显示行;如果为设为数值(例如1),则表格只保持当前显示的数据行,以防内存泄露。(具体参见官方文档http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options
)
2. colModel选项补充说明
注:
- name选项的值可以包含“.”,例如patentCaseType.caption,即对应从gridModel(根据我的jsonReader设置)中的元素的patentCaseType属性的caption属性;
- name选项主要用途是用来解析从response中传来的对应数据;
- index选项主要用途是用来在查询和排序时,向Server传递对应的参数;
3. jqGrid事件
事件说明列表可以参考官方文档(http://www.trirand.com/jqgridwiki/doku.php?id=wiki:events ),不再赘述。
需要说明的是,自从3.6.3版本以后,可以在对应的事件方法函数中使用$(this)来应用jqGrid对象。
这篇中将补充说明一些之前没有讲到的细节内容,比如一些特殊功能的jqGrid选项、jqGrid的事件等等。
1. jqGrid选项补充说明
之前已经介绍了许多经常用到的jqGrid选项,还有一部分虽然还没有介绍,但却能肩负特殊的功能。例如:
-
altRows :当次此选项为true时,表格的行将呈现交替样式显示(zebra-striped)。
-
altclass :此选项只在altRows为true时才有效,交替显示的样式;默认值为:ui-priority-secondary。
-
datastr :当datatype选项为xmlstring或jsonstring时,设置此选项可以充当Grid中的数据内容。
-
deepempty :如果有事件或者插件被绑定到表格的cell上,则应该经此选项设为true;此选项将使用jQuery的empty方法来处理行及其子元素的回收工作;虽然会有性能下降,但可以避免内存泄露。
-
forceFit :如果此选项为true,则当调整某一列的宽度的时候,其右侧相邻的列也会相应调整宽度,以保持整个表格的宽度不变;但此选项受制于shrinkToFit选项,当shrinkToFit为false时,此选项也将被忽略。
-
gridstate :当使用了hiddengrid、hidegrid、caption选项的时候,决定表格的状态;可能的值为visible和hidden,默认值为visible。
-
hidegrid :由于控制是否启用或禁用表格标题栏中的“显示/隐藏”表格按钮;只有在caption属性为非空字符串的情况下有效。
-
hiddengrid :如果设为true,则表格在初始化状态下是隐藏的,只有标题栏显示,且不会像Server发送请求,也就不会载入任何数据;只有第一次点击标题栏中的“显示/隐藏”表格按钮后,才会向Server发送请求,载入数据,显示表格;此选项只有在caption选项非空,且hidegrid为true的情况下才有效。
-
lastpage :只读选项,表示从请求返回的总页码数,默认为0。
-
lastsort :只读选项,表示最后一次排序使用的列的索引序数,从0开始,默认为0。
-
loadonce :如果此项为true,则只向Server发送一次请求。当第一次请求结束后,datatype选项自动变更为local,所有的后续操作都只是基于客户端的;而pager的各项功能也都将被禁用。
-
multiselect :如果此项为true,则允许多行同时选择;在表格的左端将出现新的一列,用于多行选择。
-
multikey :此项只在multiselect为true时有意义,定义按哪个键来进行多行选择,可能的值:shiftKey、altKey、ctrlKey。
-
multiboxonly :此项只在multiselect为true时有意义;如果此项为true,则只有点击多选列中的checkbox,才能进行多行选择,点击行的其他位置,都只是单行选择。
-
multiselectWidth :设置多选列的宽度。
-
selarrrow :只读选项,表示在multiselect为true时,多选行的id数组。
-
postData :{name:value,...}类型的数组,此数组中的元素将会作为参数,被直接传入url;
-
sortname :表格初始化时使用的排序列的index。
-
sortorder :表格初始化时使用的排序方式,asc或desc。
-
scroll :创建动态滚动的表格,可以使用垂直滚动条来载入数据。此选项可以接受boolean值或integer值;默认为false;如果为true,则表格将保持从开始到现在所有曾经显示行;如果为设为数值(例如1),则表格只保持当前显示的数据行,以防内存泄露。(具体参见官方文档http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options
)
2. colModel选项补充说明
注:
- name选项的值可以包含“.”,例如patentCaseType.caption,即对应从gridModel(根据我的jsonReader设置)中的元素的patentCaseType属性的caption属性;
- name选项主要用途是用来解析从response中传来的对应数据;
- index选项主要用途是用来在查询和排序时,向Server传递对应的参数;
3. jqGrid事件
事件说明列表可以参考官方文档(http://www.trirand.com/jqgridwiki/doku.php?id=wiki:events ),不再赘述。
需要说明的是,自从3.6.3版本以后,可以在对应的事件方法函数中使用$(this)来应用jqGrid对象。
分享到:
相关推荐
在jqGrid与Struts2的结合应用中,我们通常会经历以下几个步骤: 1. **配置Struts2**:首先,需要在项目的`struts.xml`配置文件中添加jqGrid相关的Action,这些Action负责处理来自jqGrid的AJAX请求,获取或更新...
总结来说,jqGrid 与 Struts2 的结合应用提供了高效的数据展示和管理能力。通过理解并熟练运用 jqGrid 的核心方法,开发者可以构建出功能丰富的数据网格,同时结合 Struts2 的灵活性,实现前后端的无缝协作,提高...
**三、jqGrid与Struts2结合应用** jqGrid与Struts2的结合使用可以实现数据的后台动态加载和前端的交互操作。具体步骤如下: 1. **配置Struts2 Action**:创建一个Action类,负责处理请求并返回数据。例如,可以创建...
在本项目中,jqGrid 与 Struts2 结合,实现了Web应用中的核心功能——增删改查。以下是关键步骤: 1. **配置 Struts2**:首先,需要在项目的 `struts.xml` 配置文件中设置Action类及其对应的URL映射,以及指定使用...
总的来说,jqGrid 与 Struts2 结合使用,可以构建出功能丰富的数据展示和管理界面。理解并熟练掌握 jqGrid 的选项配置和与服务器端的交互机制,对于提升 Web 应用的用户体验和数据管理能力至关重要。
将jqGrid与Struts2结合,可以创建高效的前端数据展示和交互界面,同时利用Struts2的强大后端处理能力。 在这个"jqGrid与Struts2的结合例子"中,我们将探讨如何将这两者集成,以实现动态加载、数据过滤、编辑和保存...
在IT领域,尤其是在Web开发中,"jqGrid+Struts2+iBatis+Oracle"是一种常见的技术组合,用于构建功能强大的数据管理应用。这里,jqGrid是一个强大的JavaScript表格插件,Struts2是一个Java Web应用程序框架,iBatis是...
在"jqGrid表格应用——新增与删除数据"这个主题中,我们可以探讨以下知识点: 1. **jqGrid的基本结构**:jqGrid的HTML结构通常包括一个`<table>`元素,以及必要的CSS和JavaScript引用。例如,`index.html`可能包含`...
struts配置文件和hibernate的配置文件都在src目录下 4.这就是jqGrid最简单的演示,没有加入任何其它功能, Good Luck! 有人问到没有spring,由于主要是演示jqGrid和jQuery的AJAX功能,所以没有加上spring框架, 如有...
jqGrid尤其在Web应用程序中,与后端如Struts2等框架结合使用时,能够提供高效的数据展示和管理。 在“jqGrid中文大全(1)”这个压缩包中,包含了一系列关于jqGrid的中文教程和文档,这些资料可以帮助开发者更深入地...
Struts2 和 hibernate 演示 jqGrid, 使用Action中的 代码可以容易的把jqGrid 用于servlet或纯jsp. Struts 2.16, jqGrid 3.5b, hibernate 3.2 annotation 由于我的上传权限为20M,而我上传上的包括所有的源代码和支持...
jqGrid demo in Struts2 & Hibernate war file part2
Struts2JQGrid是一个基于Java的Web开发框架,它结合了Struts2和JQGrid两个强大的工具,用于创建动态、交互式的网格数据展示和管理界面。在本项目中,Struts2作为MVC(Model-View-Controller)框架负责处理业务逻辑和...
这个"jqGrid增删改查例子"是一个实际应用示例,展示了如何结合Struts2框架和MySQL数据库实现一个完整的CRUD(创建、读取、更新、删除)功能的前端表格。 首先,让我们了解一下jqGrid的核心功能: 1. 数据展示:...
jqGrid demo in Struts2 & Hibernate war file (SQL Script included in WEB-INF\classes)
将 jqGrid 与 Bootstrap 4 结合使用,可以创建美观且功能丰富的数据网格,适用于各种设备。 标题 "jqgrid + bootstrap4.0 直接使用" 暗示这个压缩包提供了一个可以直接运行的 jqGrid 示例,集成了 Bootstrap 4 的...
2. 通过XML字符串数据获取:与XML数据类似,不过是将数据以字符串形式直接传递给jqGrid进行处理。 3. 通过JSON数据获取:后端返回JSON格式的数据,jqGrid通过配置jsonReader来解析。 4. 通过JSON字符串数据获取:...
将jqGrid与Struts结合,可以方便地在后台处理数据操作,例如通过Struts的Action来实现数据的增删改查,而前端则由jqGrid负责展示和交互,形成强大的前后端协作。 **核心功能** - **数据分页**:jqGrid允许用户对...
在这个Demo中,我们将深入探讨JqGrid与JSON的结合以及Struts2框架如何在后台提供数据支持。 首先,JqGrid允许用户通过Ajax方式获取和操作数据,提供了排序、分页、搜索和编辑等功能。在`JqGrid Demo json`中,JSON...
jqGrid demo in Struts2 & Hibernate源码压缩包第二部分(part2) 这只是源码包的第二部分(part2),请同时下载其它两部分,part3 and part1