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

jqGrid在Struts2和MySQL环境下的增删改查应用示例 在本章中,我们将探究jqGrid这个广泛应用于Web开发中的数据表格组件,了解其强大的数据展示能力及编辑功能。jqGrid支持通过AJAX与服务器端进行数据的CRUD(创建、读取、更新、删除)操作,提供丰富API以方便开发者实现复杂的表格交互功能。在进行前后端分离的项目时,需求分析和技术选型是至关重要的步骤。首先需要深入理解业务需求,然后根据需求来选择合适的技术栈。例如,对于一个需要频繁更新UI的项目,React可能是一个好选择。如果项目需要快速开发,Vue.js可能更合适。 阅读详情

原文地址:http://blog.youkuaiyun.com/gengv/article/details/5735654

如不能转载,请联系博主,我马上删除。

这篇中将补充说明一些之前没有讲到的细节内容,比如一些特殊功能的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 demo in JSP Struts2 & Hibernate 新版myeclise for Spring 10.0 0. 数据库脚本在src目录下 1. 修改你的mysql server 的用户密码 它们在hibernate.cfg.xml文件第15,16行. <property name="connection.username">root</property> <property name="connection.password">root</property> struts配置文件和hibernate的配置文件都在src目录下 4.这就是jqGrid最简单的演示,没有加入任何其它功能, Good Luck! 有人问到没有spring,由于主要是演示jqGrid和jQuery的AJAX功能,所以没有加上spring框架, 如有需要的请留言. jqGrid 演示最新版: 用到的组件: 1.jqgrid 4.4, 2.jQuery 1.8.0, jQuery-ui 1.8.23 3.html5.0 立即下载

相关推荐

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

自己搜集的jqGrid与Struts2的结合应用的方法

ace--2.基本布局

1      结构   2      Jsp 2.1  总体布局Index.jsp   方正管理系统 try{ace.settings.check('main-container' , 'fixed')}catch(e){}

村西头的俏寡妇 1997

别再瞎调了!STM32 Systick延时函数避坑指南(正点原子、野火、慧净代码对比)

本文深入解析STM32 Systick延时函数的实现差异与优化策略,对比正点原子、野火、慧净等主流方案的优缺点。针对us和ms级延时精度问题,提供避坑指南和高级优化技巧,帮助开发者根据项目需求选择最佳方案,提升嵌入式系统的定时控制精度。

weixin_28717807的博客 340

jqGrid与Struts2集成

为什么80%的码农都做不了架构师?>>> ...

weixin_34294649的博客 204

数字电路与逻辑设计——组合逻辑篇

在数字电路中,根据逻辑功能的不同而分为两大类,组合逻辑电路与时序逻辑电路。 1、何为组合逻辑电路 我们只需铭记一点就是,这种电路的输出Y只与当时的输入X有关,而与之前的输入X’无关。所以这是一个可以随输入X的变化而瞬变输出Y的电路,如果用我们的Verilog代码来表示,则可能会出现在如下语句中: ①针对wire型变量,assign Y = X1 && X2; ②针对reg型变量,alway

蓝湖江船客的博客 1万+

老N卡福音:GT1030/GTX1050在MacOS Ventura 13.2上的完整驱动指南(附实测截图)

本文详细介绍了如何在MacOS Ventura 13.2上通过OCLP工具链驱动GT1030和GTX1050等老款NVIDIA显卡,涵盖硬件兼容性验证、BIOS设置、OpenCore配置、驱动安装及性能测试全流程。实测数据显示,这些基于Pascal和Maxwell架构的显卡在当代MacOS系统中仍能发挥实用价值,为老N卡用户提供完整解决方案。

weixin_30832143的博客 632

Jqgrid+Struts2实现的增删改查(一)

最近在学Jquery,发现jgrid做表格的查询很有意思,网上搜集了一些资料,参考人家的例子,自己动手也写了一个简单的例子。 一 View <% String basePath = request.getContextPath(); %> crud demo /jquery-ui-themes-1.8.14/themes/redmond/jquery-ui.css" type="

bruce_sky的专栏 2771

Unity 面试篇|(三)设计模式篇 【全面总结 | 持续更新 | 建议收藏】

设计模式是一套被反复使用、多数人知晓、经过分类编目、代码设计经验的总结。设计模式与方法或库的使用方式不同, 你很难直接在自己的程序中套用某个设计模式。模式并不是一段特定的代码, 而是解决特定问题的一般性概念。你可以根据模式来实现符合自己程序实际所需的解决方案。常常会混淆模式和算法, 因为两者在概念上都是已知特定问题的典型解决方案。但算法总是明确定义达成特定目标所需的一系列步骤, 而模式则是对解决方案的更高层次描述。同一模式在两个不同程序中的实现代码可能会不一样。单例模式。

游戏开发小Y的博客 12万+

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

转至:http://blog.youkuaiyun.com/gengv/article/details/5735654 作者:gengv     这篇中将补充说明一些之前没有讲到的细节内容,比如一些特殊功能的jqGrid选项、jqGrid的事件等等。   1. jqGrid选项补充说明 之前已经介绍了许多经常用到的jqGrid选项,还有一部分虽然还没有介绍,但却能肩负特殊的功能。例如: a...

sobigring的博客 133

Opencv项目实战:09 物体尺寸测量

《Opencv项目实战:09 物体尺寸测量》本项目主要是运用了之前扫描文档的思想,以A4纸为背景,检测其中区域的物体长和宽。我的摄像头无法固定,所以是手持的,且由于我在寝室里面是真的没有找到合适的测量物体以及背景色(全是米色或原木色的)。所以效果有所欠缺,但经过ps修改的图片,检测的效果还是很不错的。

m0_62919535的博客 1万+

4、文化遗产数字记录的伦理框架构建

本文探讨了在数字技术快速发展的背景下,如何构建一个伦理框架以指导文化遗产的数字记录工作。文章分析了遗产保护的重要性以及当前面临的挑战,包括气候变化、全球化和技术变革等。同时,结合国际古迹遗址理事会(ICOMOS)的伦理原则和加拿大遗产专业人员协会(CAHP)的行为准则,提出了六个核心伦理类别,并讨论了其在实践中的应用。文章强调,伦理框架不仅有助于提高数字记录的质量和可持续性,还能促进专家合作、保护社区利益并确保数字遗产的长期可访问性。未来需要持续完善这一框架,以应对不断变化的技术和社会环境带来的新挑战。

7h6j5k4l3的博客 95

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

这篇中将补充说明一些之前没有讲到的细节内容,比如一些特殊功能的jqGrid选项、jqGrid的事件等等。 1. jqGrid选项补充说明 之前已经介绍了许多经常用到的jqGrid选项,还有一部分虽然还没有介绍,但却能肩负特殊的功能。例如: altRows :当次此选项为true时,表格的行将呈现交替样式显示(zebra-striped)。altclass :此选项只在alt

nusoftyu的专栏 511

改进YOLOv9的CT图像肺结节检测与分类算法:从原理到实战

本文将详细介绍如何改进YOLOv9算法,使其更好地适应CT图像肺结节检测与分类任务。我们将从数据集准备、模型改进、训练优化到最终部署,完整呈现一个端到端的深度学习项目,并提供完整的代码实现。

YOLO 188

jqGrid与Struts2的结合应用(一) —— 显示基本Grid表格

根据jqGrid的文档,要想生成一个jqGrid,最直接的方法就是: $("#grid_id").jqGrid(options); 也就是通过选择符得到一个table的jQuery对象,然后调用jqGrid(options),得到一个jqGrid对象。 重点就在传入的option选项上了,通过这些选项可以得到各种各样的Grid表格。1. jqGrid的重要选项具体的options参考,可以访问jqGrid文档关于option的章节(http://www.trirand.com/jqgrid

GengV - 在Java的世界流浪 5万+

通信算法之249: DJI波形物理层

D-J-I的Lightbridge波形、Ocusync1波形、Ocusync2波形、Ocusync3波形,

leegang12的专栏 1436

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

jqGrid与Struts2的结合应用(三) —— 使用自定义表单对话框编辑Grid数据

上一篇中的最后一点提到了,如果在服务器端出现异常,没能完成预期的操作,那么客户端(浏览器)中的jqGrid还继续更新数据吗? 这一篇就来说说服务器端的操作。 首先看一下服务器端的代码,我将查看行数据和操作行数据放在了两个Action类里面:ViewContactAction和ContactConsoleAction。package cn.gengv.struts2ex.jqGrid; import java.util.List; import com.byzl.hare.model.Cont

GengV - 在Java的世界流浪 2万+

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

jqGrid与Struts2的结合应用(十) —— 真正的自定义表单查询

关于这个问题,我在网上搜了一下,大多都是引用jqGrid的文档中的filterGrid方法。但这个方法不是真正意义的自定义查询。 这篇文章主要讲述一下真正意义的自定义查询,顺便简单聊聊jqGrid源码中查询的实现方法。 在这个系列的第五篇中(http://blog.youkuaiyun.com/gengv/archive/2010/07/10/5725172.aspx )曾经讲到了如何进行数据查询。其中提到了一种“自定义查询”,这是jqGrid的文档中给出的一种所谓的自定义查询。其实就是把工具条查询,

GengV - 在Java的世界流浪 2万+

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

jqGrid与Struts2的结合应用(四) —— 丰富多彩的Pager Bar

在介绍排序与查询之前,先介绍一下Pager、Navigator和自定义按钮。 默认情况下,Pager Bar分为3个部分:页码栏区域(Pager)导航按钮区域(Navigator Buttons)记录信息区域(Record Information)1. Pager和Record Information的常用属性 在jqGrid的options选项中,有许多是专门针对Pager的,之前的例子中已经使用了一个——“pager”选项,用来指明Pager Bar在页面中对应的区域。 主要的属性有:page

GengV - 在Java的世界流浪 1万+

jqGrid与Struts2的结合应用(二) —— 操作Grid数据

上一篇中,jqGrid已经可以从Server端获得数据,并显示在Grid表格中了。下面说一下,如何操作Grid表格及其数据。jqGrid有很多方法函数,用来操作数据或者操作Grid表格本身。jqGrid的方法有两种调用方式:$("#grid_id").jqGridMethod( parameter1,...,parameterN );或者$("#grid_id").jqGrid('method', parameter1,...,parameterN );首先介绍一下jqGrid的几个最常用的方法函数,具体的

GengV - 在Java的世界流浪 3万+

jqGrid与Struts2的结合应用(七) —— 浅谈排序

<br />终于讲到排序了,这一部分应该说还是比较好理解的。<br /><br /> jqGrid通过colModel选项中的sortable来控制是否可以以某列的值排序。sortable的默认值是true,当设为false时,即此列不能用于排序。<br />$(function(){ $("#gridTable").jqGrid({ ... colModel: [ {name:"id",index:"id",label:"编码",width:40},

GengV - 在Java的世界流浪 8542
上一篇: jqGrid与Struts2的结合应用(八) —— 奇妙的subGrid子表格
下一篇: 如何整合Apache和Tomcat部署Web应用
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值