jqGrid基础学习:11jqGrid的查询时和后台的交互


jqGrid查询时和后台交互是一个比较棘手的问题,因为发送过来的数据不规则。

Json工具类


jqGrid在处理多字段查询的时候要使用json数据,于是,参考了网上的一些写法,写了一个json工具类。其中那个时间格式化,是为了解决json在处理java的java.util.Date出现的问题。

jqGrid基础学习:10jqGrid的多字段查询


多字段查询就是高级查询,在jqGrid中,高级查询的麻烦在于同后台的交互。

jqGrid基础学习:9jqGrid的单字段查询


首先,什么是单字段查询,所谓的单字段查询就是针对某个属性进行查询。比如一个学生对象中有年龄和姓名,那么就是针对年龄或姓名进行查询。

jqGrid基础学习:8jqGrid中在导航条使用按钮


jqGrid中可以再导航条上设置按钮,其中jqGrid已经默认设置了一些按钮,此外,用户也可以自定义自己的按钮。

jqGrid基础学习:7jqGrid中使用分页


jqGrid分页首先要在页面设置一个DIV的层。例如,在第一章就提到的 <table id="list"></table> <div id="pager"></div><!–分页专用,如果要使用分页导航必须有该标记–>

jqGrid基础学习:6jqGrid中方法使用


jqGrid的方法一般用法如下: <script> … jQuery("#grid_id").jqGridMethod( parameter1,…parameterN ); … </script> grid_id 是已经实现定义好的jqGrid。 jqGridMethod 是要应用到jqGrid的方法。 parameter1,…parameterN – 一系列方法。

jqGrid基础学习:5jqGrid中事件的使用


jqGrid中提供了丰富的事件。主要如下,这些只要看看就好。部分用不到,部分要到再详解。

jqGrid基础学习:4jqGrid的ColModel API


jqGrid已经发布了3.6.3的版本。这个版本主要修复3.6版本的一些bug。详见:http://www.trirand.com/blog/?p=625 ColModel是jqGrid里面最核心的属性。大部分配置都在这里面进行。所有的属性的含义对应如下:

jqGrid基础学习:3jqGrid与后台的交互(基于struts2)


jqGrid与后台的交互方式如下: 载入时,jqGrid以POST或GET方式(用定义)向服务器发起数据载入请求,服务器根据请求传递给jqGrid; 传递的参数如下: page :指示需要查询第几页的数据。 rows :指示每页显示的记录条数。 sidx :指示查询排序的条件,这是一个字符串,可能是数据库表字段或者是POJO对象的属性名。这需要程序来处理。 sord :指示查询排序的方式,可能的值是ASC和DESC _search :用来指示是否是查询,值是true或者false。 同时,除了_search,其他变量名可以通过 prmNames:{}, 进行指定,如本例中, prmNames:{rows:”pageSize”,page:”page”}, 将rows改为pageSize,将page仍定义为page。这样做的目的是我们想使用Struts2的json插件,避免命名上的冲突。