`

jqGrid与Struts2的结合应用(九) —— 补充细节

 
阅读更多

这篇中将补充说明一些之前没有讲到的细节内容,比如一些特殊功能的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选项补充说明

  • align :文本对齐方式,left、center、right。
  • datefmt :日期格式,默认为ISO格式(Y-m-d),使用的是PHP风格的日期格式,参见官方文档。
  • formatter :使用预定义的格式,或者用于控制此列格式的自定义函数名。具体参见官方文档(http://www.trirand.com/jqgridwiki/doku.php?id=wiki:predefined_formatter )。
  • key :当从Server得到的数据中不包括id的时候,设定该列充当id,以代表唯一的行id;最多可以有一列设置此选项为true;如果多于一列设置了此项为true,则第一个设定的列将充当id列,其余的将被忽略。


注:

  • 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选项补充说明

  • align :文本对齐方式,left、center、right。
  • datefmt :日期格式,默认为ISO格式(Y-m-d),使用的是PHP风格的日期格式,参见官方文档。
  • formatter :使用预定义的格式,或者用于控制此列格式的自定义函数名。具体参见官方文档(http://www.trirand.com/jqgridwiki/doku.php?id=wiki:predefined_formatter )。
  • key :当从Server得到的数据中不包括id的时候,设定该列充当id,以代表唯一的行id;最多可以有一列设置此选项为true;如果多于一列设置了此项为true,则第一个设定的列将充当id列,其余的将被忽略。


注:

  • 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的结合应用

    在jqGrid与Struts2的结合应用中,我们通常会经历以下几个步骤: 1. **配置Struts2**:首先,需要在项目的`struts.xml`配置文件中添加jqGrid相关的Action,这些Action负责处理来自jqGrid的AJAX请求,获取或更新...

    jqGrid与Struts2的结合应用_操作Grid数据

    总结来说,jqGrid 与 Struts2 的结合应用提供了高效的数据展示和管理能力。通过理解并熟练运用 jqGrid 的核心方法,开发者可以构建出功能丰富的数据网格,同时结合 Struts2 的灵活性,实现前后端的无缝协作,提高...

    jqgrid+struts2

    **三、jqGrid与Struts2结合应用** jqGrid与Struts2的结合使用可以实现数据的后台动态加载和前端的交互操作。具体步骤如下: 1. **配置Struts2 Action**:创建一个Action类,负责处理请求并返回数据。例如,可以创建...

    jqgrid+struts2实现的增删改查

    在本项目中,jqGrid 与 Struts2 结合,实现了Web应用中的核心功能——增删改查。以下是关键步骤: 1. **配置 Struts2**:首先,需要在项目的 `struts.xml` 配置文件中设置Action类及其对应的URL映射,以及指定使用...

    jqGrid与Struts2 详细文档

    总的来说,jqGrid 与 Struts2 结合使用,可以构建出功能丰富的数据展示和管理界面。理解并熟练掌握 jqGrid 的选项配置和与服务器端的交互机制,对于提升 Web 应用的用户体验和数据管理能力至关重要。

    jqGrid与Sturts2的结合例子

    将jqGrid与Struts2结合,可以创建高效的前端数据展示和交互界面,同时利用Struts2的强大后端处理能力。 在这个"jqGrid与Struts2的结合例子"中,我们将探讨如何将这两者集成,以实现动态加载、数据过滤、编辑和保存...

    jqgrid+struts2+ibatis增删改查

    在IT领域,尤其是在Web开发中,"jqGrid+Struts2+iBatis+Oracle"是一种常见的技术组合,用于构建功能强大的数据管理应用。这里,jqGrid是一个强大的JavaScript表格插件,Struts2是一个Java Web应用程序框架,iBatis是...

    jqGrid表格应用——新增与删除数据

    在"jqGrid表格应用——新增与删除数据"这个主题中,我们可以探讨以下知识点: 1. **jqGrid的基本结构**:jqGrid的HTML结构通常包括一个`<table>`元素,以及必要的CSS和JavaScript引用。例如,`index.html`可能包含`...

    jqGrid demo in JSP Struts2 & Hibernate 新版myeclise for Spring 10.0

    struts配置文件和hibernate的配置文件都在src目录下 4.这就是jqGrid最简单的演示,没有加入任何其它功能, Good Luck! 有人问到没有spring,由于主要是演示jqGrid和jQuery的AJAX功能,所以没有加上spring框架, 如有...

    jqGrid 中文大全(1)

    jqGrid尤其在Web应用程序中,与后端如Struts2等框架结合使用时,能够提供高效的数据展示和管理。 在“jqGrid中文大全(1)”这个压缩包中,包含了一系列关于jqGrid的中文教程和文档,这些资料可以帮助开发者更深入地...

    jqGrid demo in Struts2 & Hibernate war file part 1

    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

    jqGrid demo in Struts2 & Hibernate war file part2

    Struts2JQGrid java版本分页

    Struts2JQGrid是一个基于Java的Web开发框架,它结合了Struts2和JQGrid两个强大的工具,用于创建动态、交互式的网格数据展示和管理界面。在本项目中,Struts2作为MVC(Model-View-Controller)框架负责处理业务逻辑和...

    jqGrid增删改查例子

    这个"jqGrid增删改查例子"是一个实际应用示例,展示了如何结合Struts2框架和MySQL数据库实现一个完整的CRUD(创建、读取、更新、删除)功能的前端表格。 首先,让我们了解一下jqGrid的核心功能: 1. 数据展示:...

    jqGrid demo in Struts2 & Hibernate war file part 3

    jqGrid demo in Struts2 & Hibernate war file (SQL Script included in WEB-INF\classes)

    jqgrid +bootstrap4.0 直接使用

    将 jqGrid 与 Bootstrap 4 结合使用,可以创建美观且功能丰富的数据网格,适用于各种设备。 标题 "jqgrid + bootstrap4.0 直接使用" 暗示这个压缩包提供了一个可以直接运行的 jqGrid 示例,集成了 Bootstrap 4 的...

    jqGrid详解及高级应用

    2. 通过XML字符串数据获取:与XML数据类似,不过是将数据以字符串形式直接传递给jqGrid进行处理。 3. 通过JSON数据获取:后端返回JSON格式的数据,jqGrid通过配置jsonReader来解析。 4. 通过JSON字符串数据获取:...

    jqGrid 演示最新版 jqgrid 4.4, jQuery 1.8.0, jQuery-ui 1.8.23

    将jqGrid与Struts结合,可以方便地在后台处理数据操作,例如通过Struts的Action来实现数据的增删改查,而前端则由jqGrid负责展示和交互,形成强大的前后端协作。 **核心功能** - **数据分页**:jqGrid允许用户对...

    JqGrid Demo json

    在这个Demo中,我们将深入探讨JqGrid与JSON的结合以及Struts2框架如何在后台提供数据支持。 首先,JqGrid允许用户通过Ajax方式获取和操作数据,提供了排序、分页、搜索和编辑等功能。在`JqGrid Demo json`中,JSON...

    jqGrid demo in JSP Struts2 & Hibernate 源码2/3

    jqGrid demo in Struts2 & Hibernate源码压缩包第二部分(part2) 这只是源码包的第二部分(part2),请同时下载其它两部分,part3 and part1

Global site tag (gtag.js) - Google Analytics