`

jQuery学习之：jqGrid表格插件——从Struts2获得数据

 
阅读更多

之前谈到了jqGrid与Serlvet/JSP集成，实际上就是Servlet按jqGrid对数据的要求返回相应的数据，Servlet中是通过 PrintWriter输出数据的，那时，我们用到了json-lib来构建Json数据。现在来谈谈jqGrid如何与Struts2集成。

对于Struts2，同样需要按jqGrid的要求返回相应的json数据格式。当然，我们可以在Struts2的Action中通过返回 null来干Servlet一样的事情，这样也能够同Servlet一样实现与jqGrid集成。然而，此时Struts2实际上相当于没有。既然用到了 Struts2，我们就应该用Struts2为我们提供的方法。而且，在Struts的Action中应该尽量避免使用request之类的 Servlet对象，用Struts2更是如此。在struts1.x中，request直接就有的，因而在开发中总会有人“打着struts的旗帜，干着Servlet的勾当”。我们知道，request等是依赖于Servlet容器的，Struts2把这些屏蔽了，Struts2的Action可以直接是POJO，因而我们更不应该违反Struts2的设计原则，硬是去“干Servlet的勾当”。闲话不说，开始咱们的正题。

在Struts2的jar包中，有一个struts2-json-plugin.jar，它就是用于处理json数据的（Struts2提供了很多插件），我们就是应用它来实现struts2与jqGrid的集成。

1、效果图：



2、代码与解释：

Html 代码

  1. < body >
  2. < table id = "gridTable" > </ table >
  3. < div id = "gridPager" > </ div >
  4. </ body >
[html] view plaincopyprint?
  1. <body>
  2. <tableid="gridTable"></table>
  3. <divid="gridPager"></div>
  4. </body>


Javascript 代码
  1. $( function ()
  2. {
  3. $("#gridTable" ).jqGrid({
  4. url:'json/jqgrid.action' ,
  5. datatype:"json" ,
  6. height:250,
  7. colNames:['编号' , '用户名' , '性别' , '邮箱' , 'QQ' , '手机号' , '出生日期' ],
  8. colModel:[
  9. {name:'id' ,index: 'id' ,width:60,sorttype: "int" },
  10. {name:'userName' ,index: 'userName' ,width:90},
  11. {name:'gender' ,index: 'gender' ,width:90},
  12. {name:'email' ,index: 'email' ,width:125,sorttype: "string" },
  13. {name:'QQ' ,index: 'QQ' ,width:100},
  14. {name:'mobilePhone' ,index: 'mobilePhone' ,width:120},
  15. {name:'birthday' ,index: 'birthday' ,width:100,sorttype: "date" }
  16. ],
  17. sortname:'id' ,
  18. sortorder:'asc' ,
  19. viewrecords:true ,
  20. rowNum:10,
  21. rowList:[10,20,30],
  22. jsonReader:{
  23. root:"dataRows" , //数据行（默认为：rows）
  24. page:"curPage" , //当前页
  25. total:"totalPages" , //总页数
  26. records:"totalRecords" , //总记录数
  27. repeatitems:false //设置成false，在后台设置值的时候，可以乱序。且并非每个值都得设
  28. },
  29. prmNames:{rows:"page.pageSize" ,page: "page.curPageNo" ,sort: "page.orderBy" ,order: "page.order" },
  30. pager:"#gridPager" ,
  31. caption:"jqGrid与Struts2集成"
  32. }).navGrid('#gridPager' ,{edit: false ,add: false ,del: false });
  33. })
[javascript] view plaincopyprint?
  1. $(function()
  2. {
  3. $("#gridTable").jqGrid({
  4. url:'json/jqgrid.action',
  5. datatype:"json",
  6. height:250,
  7. colNames:['编号','用户名','性别','邮箱','QQ','手机号','出生日期'],
  8. colModel:[
  9. {name:'id',index:'id',width:60,sorttype:"int"},
  10. {name:'userName',index:'userName',width:90},
  11. {name:'gender',index:'gender',width:90},
  12. {name:'email',index:'email',width:125,sorttype:"string"},
  13. {name:'QQ',index:'QQ',width:100},
  14. {name:'mobilePhone',index:'mobilePhone',width:120},
  15. {name:'birthday',index:'birthday',width:100,sorttype:"date"}
  16. ],
  17. sortname:'id',
  18. sortorder:'asc',
  19. viewrecords:true,
  20. rowNum:10,
  21. rowList:[10,20,30],
  22. jsonReader:{
  23. root:"dataRows",//数据行（默认为：rows）
  24. page:"curPage",//当前页
  25. total:"totalPages",//总页数
  26. records:"totalRecords",//总记录数
  27. repeatitems:false//设置成false，在后台设置值的时候，可以乱序。且并非每个值都得设
  28. },
  29. prmNames:{rows:"page.pageSize",page:"page.curPageNo",sort:"page.orderBy",order:"page.order"},
  30. pager:"#gridPager",
  31. caption:"jqGrid与Struts2集成"
  32. }).navGrid('#gridPager',{edit:false,add:false,del:false});
  33. })


注意，JavaScript代码与Servlet例子中的有点不一样，主要是：jsonReader参数，另外增加了prmNames参数。每一项的是什么意思下面Java代码的注释中有详细说明。

Java 代码
  1. package com.polaris.jqgrid.struts2;
  3. import java.util.ArrayList;
  4. import java.util.List;
  5. import java.util.Map;
  7. import com.opensymphony.xwork2.ActionSupport;
  8. import com.polaris.jqgrid.util.Page;
  10. /**
  11. *<p>
  12. *该类是所有需要返回json数据的Action的<b>抽象基类</b>。在展示数据时，使用了jQuery的插件jqGrid，
  13. *它对返回的json数据格式有一定的要求。该基类就处理了这些统一的格式要求。
  14. *需要返回json格式数据被jqGrid使用的，应该继承该类。<br/>
  15. *<b><fontcolor='red'>注意：所有子类应该实现以下get方法，并只简单的返回相应的属性值。</font></b>
  16. *<ul>
  17. *<li>{@linkJsoBaseAction#getTotalPages()}</li>
  18. *<li>{@linkJsoBaseAction#getCurPage()}</li>
  19. *<li>{@linkJsoBaseAction#getTotalRecords()}</li>
  20. *<li>{@linkJsoBaseAction#getDataRows()}</li>
  21. *</ul>
  22. *之所以将这些get方法定义为抽象的，是因为struts2的json插件只会序列化Action类，而不会序列化其父类。
  23. *</p>
  24. *
  25. *<p><fontcolor='red'>
  26. *继承该类的Action方法，除了搜索（它需要返回JSON数据，因此可以返回SUCCESS)，其他操作都应该返回null而不是SUCCESS之类的。
  27. *这意味着struts配置中，result什么也不用配，即没有相应的视图资源——这是AJAX请求。
  28. *</font></p>
  29. *
  30. *<p>
  31. *该类定义了以下几个字段：totalPages、curPage、totalRecords和 dataRows。
  32. *这几个字段是 jqGrid格式的要求，而此处是自定义的。因此，在配置jqGrid接收服务器
  33. *返回的数据格式时，应该配置成这几个名字。(因为默认名字不是这样的，默认名字为：page,total,records,rows）
  34. *当然，也可以通过@JSON注解来指定与默认一样的名字
  35. *</p>
  36. *
  37. *<p>
  38. *另外一个字段page，则是一个分页类。因为jqGrid会向服务器端传递分页参数，
  39. *用一个分页类接收这些参数。同样，为使Struts能够为page赋值，需要修改jqGrid默认的分页参数名。
  40. *jqGrid默认分页名为：（默认定义在options参数中的prmNames数组中）
  41. *<ul>
  42. *<li>page->显示第几页</li>
  43. *<li>rows->每页显示几条记录</li>
  44. *<li>sidx->排序字段</li>
  45. *<li>sord->排序方式（asc/desc)</li>
  46. *</ul>
  47. *应用中应该根据{@linkcom.polaris.jqgrid.util.Page}类中的定义设置。设置为：
  48. *prmNames:{rows:"page.pageSize",page:"page.curPageNo",sort:"page.orderBy",order:"page.order"}
  49. *
  50. *prmNames 数组的默认值为：
  51. *prmNames:{page:"page",rows:"rows",sort:"sidx",order:"sord",search:"_search",nd:"nd",npage:null}
  52. *</p>
  53. *
  54. *@authorxuxinhua
  55. *@version1.0
  56. */
  57. @SuppressWarnings ( "unchecked" )
  58. public abstract class JsonBaseAction extends ActionSupport
  59. {
  60. private static final long serialVersionUID=1L;
  62. /**
  63. *该属性专门用于接收删除的数据的ID（主键）。注意，当支持一次删除多记录时，id的值是通过','号分隔的多个
  64. */
  65. protected Stringid;
  67. /**
  68. *分页类
  69. */
  70. protected Pagepage= new Page();
  71. /**
  72. *以下属性用于序列化成json格式的数据。名称不能改。如果要改，客户端页面对应的地方也要改；
  73. *或通过@JSON来指定序列化的名字
  74. */
  75. /**
  76. *总页数
  77. */
  78. protected int totalPages;
  79. /**
  80. *显示第几页
  81. */
  82. protected int curPage;
  83. /**
  84. *总记录数
  85. */
  86. protected int totalRecords;
  87. /**
  88. *保存实际的数据
  89. */
  90. protected List<Map<String,Object>>dataRows= new ArrayList<Map<String,Object>>();
  92. public JsonBaseAction(){
  93. super ();
  94. }
  96. public PagegetPage(){
  97. return page;
  98. }
  100. public void setPage(Pagepage){
  101. this .page=page;
  102. }
  104. public void setId(Stringid){
  105. this .id=id;
  106. }
  108. public StringgetId(){
  109. return id;
  110. }
  112. public abstract int getTotalPages();
  114. public void setTotalPages( int totalPages){
  115. this .totalPages=totalPages;
  116. }
  118. public abstract int getCurPage();
  120. public void setCurPage( int curPage){
  121. this .curPage=curPage;
  122. }
  124. public abstract int getTotalRecords();
  126. public void setTotalRecords( int totalRecords){
  127. this .totalRecords=totalRecords;
  128. }
  130. /**
  131. *注意该方法的返回值：List。实际上包含了实际的数据，
  132. *而这些数据是放在Map<String,Object>中的。
  133. *因而，子类在action方法如：execute中，应该构建一个
  134. *Map<String,Object>对象，将数据放入其中，并把该对象放入
  135. *List中。
  136. *@return
  137. */
  138. public abstract List<Map<String,Object>>getDataRows();
  140. public void setDataRows(List<Map<String,Object>>dataRows){
  141. this .dataRows=dataRows;
  142. }
  144. }
[java] view plaincopyprint?
  1. packagecom.polaris.jqgrid.struts2;
  3. importjava.util.ArrayList;
  4. importjava.util.List;
  5. importjava.util.Map;
  7. importcom.opensymphony.xwork2.ActionSupport;
  8. importcom.polaris.jqgrid.util.Page;
  10. /**
  11. *<p>
  12. *该类是所有需要返回json数据的Action的<b>抽象基类</b>。在展示数据时，使用了jQuery的插件jqGrid，
  13. *它对返回的json数据格式有一定的要求。该基类就处理了这些统一的格式要求。
  14. *需要返回json格式数据被jqGrid使用的，应该继承该类。<br/>
  15. *<b><fontcolor='red'>注意：所有子类应该实现以下get方法，并只简单的返回相应的属性值。</font></b>
  16. *<ul>
  17. *<li>{@linkJsoBaseAction#getTotalPages()}</li>
  18. *<li>{@linkJsoBaseAction#getCurPage()}</li>
  19. *<li>{@linkJsoBaseAction#getTotalRecords()}</li>
  20. *<li>{@linkJsoBaseAction#getDataRows()}</li>
  21. *</ul>
  22. *之所以将这些get方法定义为抽象的，是因为struts2的json插件只会序列化Action类，而不会序列化其父类。
  23. *</p>
  24. *
  25. *<p><fontcolor='red'>
  26. *继承该类的Action方法，除了搜索（它需要返回JSON数据，因此可以返回SUCCESS)，其他操作都应该返回null而不是SUCCESS之类的。
  27. *这意味着struts配置中，result什么也不用配，即没有相应的视图资源——这是AJAX请求。
  28. *</font></p>
  29. *
  30. *<p>
  31. *该类定义了以下几个字段：totalPages、curPage、totalRecords和dataRows。
  32. *这几个字段是jqGrid格式的要求，而此处是自定义的。因此，在配置jqGrid接收服务器
  33. *返回的数据格式时，应该配置成这几个名字。(因为默认名字不是这样的，默认名字为：page,total,records,rows）
  34. *当然，也可以通过@JSON注解来指定与默认一样的名字
  35. *</p>
  36. *
  37. *<p>
  38. *另外一个字段page，则是一个分页类。因为jqGrid会向服务器端传递分页参数，
  39. *用一个分页类接收这些参数。同样，为使Struts能够为page赋值，需要修改jqGrid默认的分页参数名。
  40. *jqGrid默认分页名为：（默认定义在options参数中的prmNames数组中）
  41. *<ul>
  42. *<li>page->显示第几页</li>
  43. *<li>rows->每页显示几条记录</li>
  44. *<li>sidx->排序字段</li>
  45. *<li>sord->排序方式（asc/desc)</li>
  46. *</ul>
  47. *应用中应该根据{@linkcom.polaris.jqgrid.util.Page}类中的定义设置。设置为：
  48. *prmNames:{rows:"page.pageSize",page:"page.curPageNo",sort:"page.orderBy",order:"page.order"}
  49. *
  50. *prmNames数组的默认值为：
  51. *prmNames:{page:"page",rows:"rows",sort:"sidx",order:"sord",search:"_search",nd:"nd",npage:null}
  52. *</p>
  53. *
  54. *@authorxuxinhua
  55. *@version1.0
  56. */
  57. @SuppressWarnings("unchecked")
  58. publicabstractclassJsonBaseActionextendsActionSupport
  59. {
  60. privatestaticfinallongserialVersionUID=1L;
  62. /**
  63. *该属性专门用于接收删除的数据的ID（主键）。注意，当支持一次删除多记录时，id的值是通过','号分隔的多个
  64. */
  65. protectedStringid;
  67. /**
  68. *分页类
  69. */
  70. protectedPagepage=newPage();
  71. /**
  72. *以下属性用于序列化成json格式的数据。名称不能改。如果要改，客户端页面对应的地方也要改；
  73. *或通过@JSON来指定序列化的名字
  74. */
  75. /**
  76. *总页数
  77. */
  78. protectedinttotalPages;
  79. /**
  80. *显示第几页
  81. */
  82. protectedintcurPage;
  83. /**
  84. *总记录数
  85. */
  86. protectedinttotalRecords;
  87. /**
  88. *保存实际的数据
  89. */
  90. protectedList<Map<String,Object>>dataRows=newArrayList<Map<String,Object>>();
  92. publicJsonBaseAction(){
  93. super();
  94. }
  96. publicPagegetPage(){
  97. returnpage;
  98. }
  100. publicvoidsetPage(Pagepage){
  101. this.page=page;
  102. }
  104. publicvoidsetId(Stringid){
  105. this.id=id;
  106. }
  108. publicStringgetId(){
  109. returnid;
  110. }
  112. publicabstractintgetTotalPages();
  114. publicvoidsetTotalPages(inttotalPages){
  115. this.totalPages=totalPages;
  116. }
  118. publicabstractintgetCurPage();
  120. publicvoidsetCurPage(intcurPage){
  121. this.curPage=curPage;
  122. }
  124. publicabstractintgetTotalRecords();
  126. publicvoidsetTotalRecords(inttotalRecords){
  127. this.totalRecords=totalRecords;
  128. }
  130. /**
  131. *注意该方法的返回值：List。实际上包含了实际的数据，
  132. *而这些数据是放在Map<String,Object>中的。
  133. *因而，子类在action方法如：execute中，应该构建一个
  134. *Map<String,Object>对象，将数据放入其中，并把该对象放入
  135. *List中。
  136. *@return
  137. */
  138. publicabstractList<Map<String,Object>>getDataRows();
  140. publicvoidsetDataRows(List<Map<String,Object>>dataRows){
  141. this.dataRows=dataRows;
  142. }
  144. }


这个类是一个抽象基类，为了方便扩展而设计的。需要返回json数据（使用jqGrid插件）的Action应该继承该类。这个类是我为公司写的一个类，拿出来与大家分享。

Java 代码
  1. package com.polaris.jqgrid.struts2;
  3. import java.util.HashMap;
  4. import java.util.List;
  5. import java.util.Map;
  6. /**
  7. *该 Struts2向客户端返回一个json对象。为了简便，数据不是从数据库获得的。
  8. *jqGrid默认期望返回的json对象格式要求如下：
  9. *{"page":"1","total":"2","records":"13",
  10. *"rows":[
  11. *{id:"1",cell:["1","polaris"," 男","polaris@gmail.com","772618379","18329382732","1985-10-2"]},
  12. *{id:"2",cell:["2","张三"," 女","zhangsan@163.com","272618382","15329382732","1986-10-12"]},
  13. *{id:"3",cell:["3","王五"," 女","wangwu@yahoo.com","172635372","13329389832","1987-12-21"]},
  14. *{id:"4",cell:["4","赵六"," 男","zhaoliu@sina.com","372618332","18929343731","1988-09-22"]}
  15. *]
  16. *}
  17. *当然，在js中，可以通过jqGrid的jsonReader属性来修改默认格式
  18. *因为默认的格式，rows的数据要求顺序不能变，且每个字段都得有值（空也得有"")。因而，
  19. *在jsonReader中定义repeatitems:false。这样，rows就变成了：
  20. *"rows":[
  21. *{id:"1",userName:"polaris",gender:" 男",email:"polaris@gmail.com",QQ:"772618379",mobilePhone:"18329382732",birthday:"1985-10-2"]},
  22. *{id:"2",userName:"徐新华",gender:" 男",email:"xh.xu@163.com",QQ:"272618382",mobilePhone:"15329382732",birthday:"1986-10-12"]},
  23. *{id:"3",userName:"王五",gender:" 女",email:"wangwu@yahoo.com",QQ:"172635372",mobilePhone:"13329389832",birthday:"1987-12-21"]},
  24. *{id:"4",userName:"赵六",gender:" 女",email:"zhaoliu@sina.com",QQ:"372618332",mobilePhone:"18929343731",birthday:"1988-09-22"]}
  25. *]
  26. *@authorxuxinhua
  27. *
  28. */
  29. public class JqGridForJSONAction extends JsonBaseAction
  30. {
  31. private static final long serialVersionUID=132383828833L;
  33. /**
  34. *该方法得到数据并构造json对象以便返回给客户端
  35. *@return
  36. *@throwsException
  37. */
  38. public Stringexecute() throws Exception
  39. {
  40. //构建几条数据
  41. int i= 0 ;
  42. for (i= 0 ;i< 4 ;++i)
  43. {
  44. //定义一个Map<String,Object>存放一行行数据。（跟从Servlet获得数据类似，只不过此处不需要用json-lib）
  45. Map<String,Object>row=new HashMap<String,Object>();
  47. row.put("id" ,i);
  48. if (i% 2 == 0 )
  49. {
  50. row.put("userName" , "polaris" );
  51. row.put("gender" , "女" );
  52. }
  53. else
  54. {
  55. row.put("userName" , "徐新华" );
  56. row.put("gender" , "男" );
  57. }
  58. row.put("email" , "polaris@gmail.com" );
  59. row.put("QQ" , "772" +i+ "1837" +i);
  60. row.put("mobilePhone" , "132" +i+ "1837" +i+ "3" +i);
  61. row.put("birthday" , "198" +i+ "-10-" + "1" +i);
  63. dataRows.add(row);
  64. }
  66. //给另外三个返回参数设值
  67. setTotalPages(1 ); //总页数
  68. setCurPage(1 ); //当前页
  69. setTotalRecords(i);//总记录数
  71. return SUCCESS;
  72. }
  74. /*
  75. *以下getter方法必须实现，struts2-json插件会将这些getter方法序列化，以便输出json对象。
  76. *这些getter方法只需返回相应的属性即可。如getCurPage应该返回curPage
  77. *（curPage在JsonBaseAction中有定义）
  78. */
  79. @Override
  80. public int getCurPage()
  81. {
  82. return this .curPage;
  83. }
  85. @Override
  86. public List<Map<String,Object>>getDataRows()
  87. {
  88. return this .dataRows;
  89. }
  91. @Override
  92. public int getTotalPages()
  93. {
  94. return this .totalPages;
  95. }
  97. @Override
  98. public int getTotalRecords()
  99. {
  100. return this .totalRecords;
  101. }
  102. }
[java] view plaincopyprint?
  1. packagecom.polaris.jqgrid.struts2;
  3. importjava.util.HashMap;
  4. importjava.util.List;
  5. importjava.util.Map;
  6. /**
  7. *该Struts2向客户端返回一个json对象。为了简便，数据不是从数据库获得的。
  8. *jqGrid默认期望返回的json对象格式要求如下：
  9. *{"page":"1","total":"2","records":"13",
  10. *"rows":[
  11. *{id:"1",cell:["1","polaris","男","polaris@gmail.com","772618379","18329382732","1985-10-2"]},
  12. *{id:"2",cell:["2","张三","女","zhangsan@163.com","272618382","15329382732","1986-10-12"]},
  13. *{id:"3",cell:["3","王五","女","wangwu@yahoo.com","172635372","13329389832","1987-12-21"]},
  14. *{id:"4",cell:["4","赵六","男","zhaoliu@sina.com","372618332","18929343731","1988-09-22"]}
  15. *]
  16. *}
  17. *当然，在js中，可以通过jqGrid的jsonReader属性来修改默认格式
  18. *因为默认的格式，rows的数据要求顺序不能变，且每个字段都得有值（空也得有"")。因而，
  19. *在jsonReader中定义repeatitems:false。这样，rows就变成了：
  20. *"rows":[
  21. *{id:"1",userName:"polaris",gender:"男",email:"polaris@gmail.com",QQ:"772618379",mobilePhone:"18329382732",birthday:"1985-10-2"]},
  22. *{id:"2",userName:"徐新华",gender:"男",email:"xh.xu@163.com",QQ:"272618382",mobilePhone:"15329382732",birthday:"1986-10-12"]},
  23. *{id:"3",userName:"王五",gender:"女",email:"wangwu@yahoo.com",QQ:"172635372",mobilePhone:"13329389832",birthday:"1987-12-21"]},
  24. *{id:"4",userName:"赵六",gender:"女",email:"zhaoliu@sina.com",QQ:"372618332",mobilePhone:"18929343731",birthday:"1988-09-22"]}
  25. *]
  26. *@authorxuxinhua
  27. *
  28. */
  29. publicclassJqGridForJSONActionextendsJsonBaseAction
  30. {
  31. privatestaticfinallongserialVersionUID=132383828833L;
  33. /**
  34. *该方法得到数据并构造json对象以便返回给客户端
  35. *@return
  36. *@throwsException
  37. */
  38. publicStringexecute()throwsException
  39. {
  40. //构建几条数据
  41. inti=0;
  42. for(i=0;i<4;++i)
  43. {
  44. //定义一个Map<String,Object>存放一行行数据。（跟从Servlet获得数据类似，只不过此处不需要用json-lib）
  45. Map<String,Object>row=newHashMap<String,Object>();
  47. row.put("id",i);
  48. if(i%2==0)
  49. {
  50. row.put("userName","polaris");
  51. row.put("gender","女");
  52. }
  53. else
  54. {
  55. row.put("userName","徐新华");
  56. row.put("gender","男");
  57. }
  58. row.put("email","polaris@gmail.com");
  59. row.put("QQ","772"+i+"1837"+i);
  60. row.put("mobilePhone","132"+i+"1837"+i+"3"+i);
  61. row.put("birthday","198"+i+"-10-"+"1"+i);
  63. dataRows.add(row);
  64. }
  66. //给另外三个返回参数设值
  67. setTotalPages(1);//总页数
  68. setCurPage(1);//当前页
  69. setTotalRecords(i);//总记录数
  71. returnSUCCESS;
  72. }
  74. /*
  75. *以下getter方法必须实现，struts2-json插件会将这些getter方法序列化，以便输出json对象。
  76. *这些getter方法只需返回相应的属性即可。如getCurPage应该返回curPage
  77. *（curPage在JsonBaseAction中有定义）
  78. */
  79. @Override
  80. publicintgetCurPage()
  81. {
  82. returnthis.curPage;
  83. }
  85. @Override
  86. publicList<Map<String,Object>>getDataRows()
  87. {
  88. returnthis.dataRows;
  89. }
  91. @Override
  92. publicintgetTotalPages()
  93. {
  94. returnthis.totalPages;
  95. }
  97. @Override
  98. publicintgetTotalRecords()
  99. {
  100. returnthis.totalRecords;
  101. }
  102. }


注意看注释。

struts.xml的配置：

Xml代码
  1. < constant name = "struts.i18n.encoding" value = "utf-8" > </ constant >
  3. < package name = "json" namespace = "/json" extends = "json-default" >
  4. < action name = "jqgrid" class = "com.polaris.jqgrid.struts2.JqGridForJSONAction" >
  5. < result type = "json" > </ result >
  6. </ action >
  7. </ package >
[xml] view plaincopyprint?
  1. <constantname="struts.i18n.encoding"value="utf-8"></constant>
  3. <packagename="json"namespace="/json"extends="json-default">
  4. <actionname="jqgrid"class="com.polaris.jqgrid.struts2.JqGridForJSONAction">
  5. <resulttype="json"></result>
  6. </action>
  7. </package>


说明：1）设置字符编码，否则会乱码；2）package要继承自json-default，json-default在struts2- json-plugin中有定义；3）result的type必须为json，表示返回数据类型为json，然而视图映射留空（即result不能对应一个视图）

web.xml中struts2核心过滤器的配置：

Xml代码
  1. < filter >
  2. < filter-name > struts2 </ filter-name >
  3. < filter-class >
  4. org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter
  5. </ filter-class >
  6. </ filter >
  8. < filter-mapping >
  9. < filter-name > struts2 </ filter-name >
  10. < url-pattern > /* </ url-pattern >
  11. </ filter-mapping >
[xml] view plaincopyprint?
  1. <filter>
  2. <filter-name>struts2</filter-name>
  3. <filter-class>
  4. org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter
  5. </filter-class>
  6. </filter>
  8. <filter-mapping>
  9. <filter-name>struts2</filter-name>
  10. <url-pattern>/*</url-pattern>
  11. </filter-mapping>


你可能会发现，此处配置的过滤器类名和网上很多地方说的不一样。的确，我用的struts2是2.1.8。自从2.1.3开始，原来的过滤器 FilterDispatcher被标注为：Deprecated

结语：

至此jqGrid告一段落，不好之处请指正。如有什么问题，可以联系我，我们一起讨论。

之前谈到了jqGrid与Serlvet/JSP集成，实际上就是Servlet按jqGrid对数据的要求返回相应的数据，Servlet中是通过 PrintWriter输出数据的，那时，我们用到了json-lib来构建Json数据。现在来谈谈jqGrid如何与Struts2集成。

对于Struts2，同样需要按jqGrid的要求返回相应的json数据格式。当然，我们可以在Struts2的Action中通过返回 null来干Servlet一样的事情，这样也能够同Servlet一样实现与jqGrid集成。然而，此时Struts2实际上相当于没有。既然用到了 Struts2，我们就应该用Struts2为我们提供的方法。而且，在Struts的Action中应该尽量避免使用request之类的 Servlet对象，用Struts2更是如此。在struts1.x中，request直接就有的，因而在开发中总会有人“打着struts的旗帜，干着Servlet的勾当”。我们知道，request等是依赖于Servlet容器的，Struts2把这些屏蔽了，Struts2的Action可以直接是POJO，因而我们更不应该违反Struts2的设计原则，硬是去“干Servlet的勾当”。闲话不说，开始咱们的正题。

在Struts2的jar包中，有一个struts2-json-plugin.jar，它就是用于处理json数据的（Struts2提供了很多插件），我们就是应用它来实现struts2与jqGrid的集成。

1、效果图：



2、代码与解释：

Html 代码

  1. < body >
  2. < table id = "gridTable" > </ table >
  3. < div id = "gridPager" > </ div >
  4. </ body >
[html] view plaincopyprint?
  1. <body>
  2. <tableid="gridTable"></table>
  3. <divid="gridPager"></div>
  4. </body>


Javascript 代码
  1. $( function ()
  2. {
  3. $("#gridTable" ).jqGrid({
  4. url:'json/jqgrid.action' ,
  5. datatype:"json" ,
  6. height:250,
  7. colNames:['编号' , '用户名' , '性别' , '邮箱' , 'QQ' , '手机号' , '出生日期' ],
  8. colModel:[
  9. {name:'id' ,index: 'id' ,width:60,sorttype: "int" },
  10. {name:'userName' ,index: 'userName' ,width:90},
  11. {name:'gender' ,index: 'gender' ,width:90},
  12. {name:'email' ,index: 'email' ,width:125,sorttype: "string" },
  13. {name:'QQ' ,index: 'QQ' ,width:100},
  14. {name:'mobilePhone' ,index: 'mobilePhone' ,width:120},
  15. {name:'birthday' ,index: 'birthday' ,width:100,sorttype: "date" }
  16. ],
  17. sortname:'id' ,
  18. sortorder:'asc' ,
  19. viewrecords:true ,
  20. rowNum:10,
  21. rowList:[10,20,30],
  22. jsonReader:{
  23. root:"dataRows" , //数据行（默认为：rows）
  24. page:"curPage" , //当前页
  25. total:"totalPages" , //总页数
  26. records:"totalRecords" , //总记录数
  27. repeatitems:false //设置成false，在后台设置值的时候，可以乱序。且并非每个值都得设
  28. },
  29. prmNames:{rows:"page.pageSize" ,page: "page.curPageNo" ,sort: "page.orderBy" ,order: "page.order" },
  30. pager:"#gridPager" ,
  31. caption:"jqGrid与Struts2集成"
  32. }).navGrid('#gridPager' ,{edit: false ,add: false ,del: false });
  33. })
[javascript] view plaincopyprint?
  1. $(function()
  2. {
  3. $("#gridTable").jqGrid({
  4. url:'json/jqgrid.action',
  5. datatype:"json",
  6. height:250,
  7. colNames:['编号','用户名','性别','邮箱','QQ','手机号','出生日期'],
  8. colModel:[
  9. {name:'id',index:'id',width:60,sorttype:"int"},
  10. {name:'userName',index:'userName',width:90},
  11. {name:'gender',index:'gender',width:90},
  12. {name:'email',index:'email',width:125,sorttype:"string"},
  13. {name:'QQ',index:'QQ',width:100},
  14. {name:'mobilePhone',index:'mobilePhone',width:120},
  15. {name:'birthday',index:'birthday',width:100,sorttype:"date"}
  16. ],
  17. sortname:'id',
  18. sortorder:'asc',
  19. viewrecords:true,
  20. rowNum:10,
  21. rowList:[10,20,30],
  22. jsonReader:{
  23. root:"dataRows",//数据行（默认为：rows）
  24. page:"curPage",//当前页
  25. total:"totalPages",//总页数
  26. records:"totalRecords",//总记录数
  27. repeatitems:false//设置成false，在后台设置值的时候，可以乱序。且并非每个值都得设
  28. },
  29. prmNames:{rows:"page.pageSize",page:"page.curPageNo",sort:"page.orderBy",order:"page.order"},
  30. pager:"#gridPager",
  31. caption:"jqGrid与Struts2集成"
  32. }).navGrid('#gridPager',{edit:false,add:false,del:false});
  33. })


注意，JavaScript代码与Servlet例子中的有点不一样，主要是：jsonReader参数，另外增加了prmNames参数。每一项的是什么意思下面Java代码的注释中有详细说明。

Java 代码
  1. package com.polaris.jqgrid.struts2;
  3. import java.util.ArrayList;
  4. import java.util.List;
  5. import java.util.Map;
  7. import com.opensymphony.xwork2.ActionSupport;
  8. import com.polaris.jqgrid.util.Page;
  10. /**
  11. *<p>
  12. *该类是所有需要返回json数据的Action的<b>抽象基类</b>。在展示数据时，使用了jQuery的插件jqGrid，
  13. *它对返回的json数据格式有一定的要求。该基类就处理了这些统一的格式要求。
  14. *需要返回json格式数据被jqGrid使用的，应该继承该类。<br/>
  15. *<b><fontcolor='red'>注意：所有子类应该实现以下get方法，并只简单的返回相应的属性值。</font></b>
  16. *<ul>
  17. *<li>{@linkJsoBaseAction#getTotalPages()}</li>
  18. *<li>{@linkJsoBaseAction#getCurPage()}</li>
  19. *<li>{@linkJsoBaseAction#getTotalRecords()}</li>
  20. *<li>{@linkJsoBaseAction#getDataRows()}</li>
  21. *</ul>
  22. *之所以将这些get方法定义为抽象的，是因为struts2的json插件只会序列化Action类，而不会序列化其父类。
  23. *</p>
  24. *
  25. *<p><fontcolor='red'>
  26. *继承该类的Action方法，除了搜索（它需要返回JSON数据，因此可以返回SUCCESS)，其他操作都应该返回null而不是SUCCESS之类的。
  27. *这意味着struts配置中，result什么也不用配，即没有相应的视图资源——这是AJAX请求。
  28. *</font></p>
  29. *
  30. *<p>
  31. *该类定义了以下几个字段：totalPages、curPage、totalRecords和 dataRows。
  32. *这几个字段是 jqGrid格式的要求，而此处是自定义的。因此，在配置jqGrid接收服务器
  33. *返回的数据格式时，应该配置成这几个名字。(因为默认名字不是这样的，默认名字为：page,total,records,rows）
  34. *当然，也可以通过@JSON注解来指定与默认一样的名字
  35. *</p>
  36. *
  37. *<p>
  38. *另外一个字段page，则是一个分页类。因为jqGrid会向服务器端传递分页参数，
  39. *用一个分页类接收这些参数。同样，为使Struts能够为page赋值，需要修改jqGrid默认的分页参数名。
  40. *jqGrid默认分页名为：（默认定义在options参数中的prmNames数组中）
  41. *<ul>
  42. *<li>page->显示第几页</li>
  43. *<li>rows->每页显示几条记录</li>
  44. *<li>sidx->排序字段</li>
  45. *<li>sord->排序方式（asc/desc)</li>
  46. *</ul>
  47. *应用中应该根据{@linkcom.polaris.jqgrid.util.Page}类中的定义设置。设置为：
  48. *prmNames:{rows:"page.pageSize",page:"page.curPageNo",sort:"page.orderBy",order:"page.order"}
  49. *
  50. *prmNames 数组的默认值为：
  51. *prmNames:{page:"page",rows:"rows",sort:"sidx",order:"sord",search:"_search",nd:"nd",npage:null}
  52. *</p>
  53. *
  54. *@authorxuxinhua
  55. *@version1.0
  56. */
  57. @SuppressWarnings ( "unchecked" )
  58. public abstract class JsonBaseAction extends ActionSupport
  59. {
  60. private static final long serialVersionUID=1L;
  62. /**
  63. *该属性专门用于接收删除的数据的ID（主键）。注意，当支持一次删除多记录时，id的值是通过','号分隔的多个
  64. */
  65. protected Stringid;
  67. /**
  68. *分页类
  69. */
  70. protected Pagepage= new Page();
  71. /**
  72. *以下属性用于序列化成json格式的数据。名称不能改。如果要改，客户端页面对应的地方也要改；
  73. *或通过@JSON来指定序列化的名字
  74. */
  75. /**
  76. *总页数
  77. */
  78. protected int totalPages;
  79. /**
  80. *显示第几页
  81. */
  82. protected int curPage;
  83. /**
  84. *总记录数
  85. */
  86. protected int totalRecords;
  87. /**
  88. *保存实际的数据
  89. */
  90. protected List<Map<String,Object>>dataRows= new ArrayList<Map<String,Object>>();
  92. public JsonBaseAction(){
  93. super ();
  94. }
  96. public PagegetPage(){
  97. return page;
  98. }
  100. public void setPage(Pagepage){
  101. this .page=page;
  102. }
  104. public void setId(Stringid){
  105. this .id=id;
  106. }
  108. public StringgetId(){
  109. return id;
  110. }
  112. public abstract int getTotalPages();
  114. public void setTotalPages( int totalPages){
  115. this .totalPages=totalPages;
  116. }
  118. public abstract int getCurPage();
  120. public void setCurPage( int curPage){
  121. this .curPage=curPage;
  122. }
  124. public abstract int getTotalRecords();
  126. public void setTotalRecords( int totalRecords){
  127. this .totalRecords=totalRecords;
  128. }
  130. /**
  131. *注意该方法的返回值：List。实际上包含了实际的数据，
  132. *而这些数据是放在Map<String,Object>中的。
  133. *因而，子类在action方法如：execute中，应该构建一个
  134. *Map<String,Object>对象，将数据放入其中，并把该对象放入
  135. *List中。
  136. *@return
  137. */
  138. public abstract List<Map<String,Object>>getDataRows();
  140. public void setDataRows(List<Map<String,Object>>dataRows){
  141. this .dataRows=dataRows;
  142. }
  144. }
[java] view plaincopyprint?
  1. packagecom.polaris.jqgrid.struts2;
  3. importjava.util.ArrayList;
  4. importjava.util.List;
  5. importjava.util.Map;
  7. importcom.opensymphony.xwork2.ActionSupport;
  8. importcom.polaris.jqgrid.util.Page;
  10. /**
  11. *<p>
  12. *该类是所有需要返回json数据的Action的<b>抽象基类</b>。在展示数据时，使用了jQuery的插件jqGrid，
  13. *它对返回的json数据格式有一定的要求。该基类就处理了这些统一的格式要求。
  14. *需要返回json格式数据被jqGrid使用的，应该继承该类。<br/>
  15. *<b><fontcolor='red'>注意：所有子类应该实现以下get方法，并只简单的返回相应的属性值。</font></b>
  16. *<ul>
  17. *<li>{@linkJsoBaseAction#getTotalPages()}</li>
  18. *<li>{@linkJsoBaseAction#getCurPage()}</li>
  19. *<li>{@linkJsoBaseAction#getTotalRecords()}</li>
  20. *<li>{@linkJsoBaseAction#getDataRows()}</li>
  21. *</ul>
  22. *之所以将这些get方法定义为抽象的，是因为struts2的json插件只会序列化Action类，而不会序列化其父类。
  23. *</p>
  24. *
  25. *<p><fontcolor='red'>
  26. *继承该类的Action方法，除了搜索（它需要返回JSON数据，因此可以返回SUCCESS)，其他操作都应该返回null而不是SUCCESS之类的。
  27. *这意味着struts配置中，result什么也不用配，即没有相应的视图资源——这是AJAX请求。
  28. *</font></p>
  29. *
  30. *<p>
  31. *该类定义了以下几个字段：totalPages、curPage、totalRecords和dataRows。
  32. *这几个字段是jqGrid格式的要求，而此处是自定义的。因此，在配置jqGrid接收服务器
  33. *返回的数据格式时，应该配置成这几个名字。(因为默认名字不是这样的，默认名字为：page,total,records,rows）
  34. *当然，也可以通过@JSON注解来指定与默认一样的名字
  35. *</p>
  36. *
  37. *<p>
  38. *另外一个字段page，则是一个分页类。因为jqGrid会向服务器端传递分页参数，
  39. *用一个分页类接收这些参数。同样，为使Struts能够为page赋值，需要修改jqGrid默认的分页参数名。
  40. *jqGrid默认分页名为：（默认定义在options参数中的prmNames数组中）
  41. *<ul>
  42. *<li>page->显示第几页</li>
  43. *<li>rows->每页显示几条记录</li>
  44. *<li>sidx->排序字段</li>
  45. *<li>sord->排序方式（asc/desc)</li>
  46. *</ul>
  47. *应用中应该根据{@linkcom.polaris.jqgrid.util.Page}类中的定义设置。设置为：
  48. *prmNames:{rows:"page.pageSize",page:"page.curPageNo",sort:"page.orderBy",order:"page.order"}
  49. *
  50. *prmNames数组的默认值为：
  51. *prmNames:{page:"page",rows:"rows",sort:"sidx",order:"sord",search:"_search",nd:"nd",npage:null}
  52. *</p>
  53. *
  54. *@authorxuxinhua
  55. *@version1.0
  56. */
  57. @SuppressWarnings("unchecked")
  58. publicabstractclassJsonBaseActionextendsActionSupport
  59. {
  60. privatestaticfinallongserialVersionUID=1L;
  62. /**
  63. *该属性专门用于接收删除的数据的ID（主键）。注意，当支持一次删除多记录时，id的值是通过','号分隔的多个
  64. */
  65. protectedStringid;
  67. /**
  68. *分页类
  69. */
  70. protectedPagepage=newPage();
  71. /**
  72. *以下属性用于序列化成json格式的数据。名称不能改。如果要改，客户端页面对应的地方也要改；
  73. *或通过@JSON来指定序列化的名字
  74. */
  75. /**
  76. *总页数
  77. */
  78. protectedinttotalPages;
  79. /**
  80. *显示第几页
  81. */
  82. protectedintcurPage;
  83. /**
  84. *总记录数
  85. */
  86. protectedinttotalRecords;
  87. /**
  88. *保存实际的数据
  89. */
  90. protectedList<Map<String,Object>>dataRows=newArrayList<Map<String,Object>>();
  92. publicJsonBaseAction(){
  93. super();
  94. }
  96. publicPagegetPage(){
  97. returnpage;
  98. }
  100. publicvoidsetPage(Pagepage){
  101. this.page=page;
  102. }
  104. publicvoidsetId(Stringid){
  105. this.id=id;
  106. }
  108. publicStringgetId(){
  109. returnid;
  110. }
  112. publicabstractintgetTotalPages();
  114. publicvoidsetTotalPages(inttotalPages){
  115. this.totalPages=totalPages;
  116. }
  118. publicabstractintgetCurPage();
  120. publicvoidsetCurPage(intcurPage){
  121. this.curPage=curPage;
  122. }
  124. publicabstractintgetTotalRecords();
  126. publicvoidsetTotalRecords(inttotalRecords){
  127. this.totalRecords=totalRecords;
  128. }
  130. /**
  131. *注意该方法的返回值：List。实际上包含了实际的数据，
  132. *而这些数据是放在Map<String,Object>中的。
  133. *因而，子类在action方法如：execute中，应该构建一个
  134. *Map<String,Object>对象，将数据放入其中，并把该对象放入
  135. *List中。
  136. *@return
  137. */
  138. publicabstractList<Map<String,Object>>getDataRows();
  140. publicvoidsetDataRows(List<Map<String,Object>>dataRows){
  141. this.dataRows=dataRows;
  142. }
  144. }


这个类是一个抽象基类，为了方便扩展而设计的。需要返回json数据（使用jqGrid插件）的Action应该继承该类。这个类是我为公司写的一个类，拿出来与大家分享。

Java 代码
  1. package com.polaris.jqgrid.struts2;
  3. import java.util.HashMap;
  4. import java.util.List;
  5. import java.util.Map;
  6. /**
  7. *该 Struts2向客户端返回一个json对象。为了简便，数据不是从数据库获得的。
  8. *jqGrid默认期望返回的json对象格式要求如下：
  9. *{"page":"1","total":"2","records":"13",
  10. *"rows":[
  11. *{id:"1",cell:["1","polaris"," 男","polaris@gmail.com","772618379","18329382732","1985-10-2"]},
  12. *{id:"2",cell:["2","张三"," 女","zhangsan@163.com","272618382","15329382732","1986-10-12"]},
  13. *{id:"3",cell:["3","王五"," 女","wangwu@yahoo.com","172635372","13329389832","1987-12-21"]},
  14. *{id:"4",cell:["4","赵六"," 男","zhaoliu@sina.com","372618332","18929343731","1988-09-22"]}
  15. *]
  16. *}
  17. *当然，在js中，可以通过jqGrid的jsonReader属性来修改默认格式
  18. *因为默认的格式，rows的数据要求顺序不能变，且每个字段都得有值（空也得有"")。因而，
  19. *在jsonReader中定义repeatitems:false。这样，rows就变成了：
  20. *"rows":[
  21. *{id:"1",userName:"polaris",gender:" 男",email:"polaris@gmail.com",QQ:"772618379",mobilePhone:"18329382732",birthday:"1985-10-2"]},
  22. *{id:"2",userName:"徐新华",gender:" 男",email:"xh.xu@163.com",QQ:"272618382",mobilePhone:"15329382732",birthday:"1986-10-12"]},
  23. *{id:"3",userName:"王五",gender:" 女",email:"wangwu@yahoo.com",QQ:"172635372",mobilePhone:"13329389832",birthday:"1987-12-21"]},
  24. *{id:"4",userName:"赵六",gender:" 女",email:"zhaoliu@sina.com",QQ:"372618332",mobilePhone:"18929343731",birthday:"1988-09-22"]}
  25. *]
  26. *@authorxuxinhua
  27. *
  28. */
  29. public class JqGridForJSONAction extends JsonBaseAction
  30. {
  31. private static final long serialVersionUID=132383828833L;
  33. /**
  34. *该方法得到数据并构造json对象以便返回给客户端
  35. *@return
  36. *@throwsException
  37. */
  38. public Stringexecute() throws Exception
  39. {
  40. //构建几条数据
  41. int i= 0 ;
  42. for (i= 0 ;i< 4 ;++i)
  43. {
  44. //定义一个Map<String,Object>存放一行行数据。（跟从Servlet获得数据类似，只不过此处不需要用json-lib）
  45. Map<String,Object>row=new HashMap<String,Object>();
  47. row.put("id" ,i);
  48. if (i% 2 == 0 )
  49. {
  50. row.put("userName" , "polaris" );
  51. row.put("gender" , "女" );
  52. }
  53. else
  54. {
  55. row.put("userName" , "徐新华" );
  56. row.put("gender" , "男" );
  57. }
  58. row.put("email" , "polaris@gmail.com" );
  59. row.put("QQ" , "772" +i+ "1837" +i);
  60. row.put("mobilePhone" , "132" +i+ "1837" +i+ "3" +i);
  61. row.put("birthday" , "198" +i+ "-10-" + "1" +i);
  63. dataRows.add(row);
  64. }
  66. //给另外三个返回参数设值
  67. setTotalPages(1 ); //总页数
  68. setCurPage(1 ); //当前页
  69. setTotalRecords(i);//总记录数
  71. return SUCCESS;
  72. }
  74. /*
  75. *以下getter方法必须实现，struts2-json插件会将这些getter方法序列化，以便输出json对象。
  76. *这些getter方法只需返回相应的属性即可。如getCurPage应该返回curPage
  77. *（curPage在JsonBaseAction中有定义）
  78. */
  79. @Override
  80. public int getCurPage()
  81. {
  82. return this .curPage;
  83. }
  85. @Override
  86. public List<Map<String,Object>>getDataRows()
  87. {
  88. return this .dataRows;
  89. }
  91. @Override
  92. public int getTotalPages()
  93. {
  94. return this .totalPages;
  95. }
  97. @Override
  98. public int getTotalRecords()
  99. {
  100. return this .totalRecords;
  101. }
  102. }
[java] view plaincopyprint?
  1. packagecom.polaris.jqgrid.struts2;
  3. importjava.util.HashMap;
  4. importjava.util.List;
  5. importjava.util.Map;
  6. /**
  7. *该Struts2向客户端返回一个json对象。为了简便，数据不是从数据库获得的。
  8. *jqGrid默认期望返回的json对象格式要求如下：
  9. *{"page":"1","total":"2","records":"13",
  10. *"rows":[
  11. *{id:"1",cell:["1","polaris","男","polaris@gmail.com","772618379","18329382732","1985-10-2"]},
  12. *{id:"2",cell:["2","张三","女","zhangsan@163.com","272618382","15329382732","1986-10-12"]},
  13. *{id:"3",cell:["3","王五","女","wangwu@yahoo.com","172635372","13329389832","1987-12-21"]},
  14. *{id:"4",cell:["4","赵六","男","zhaoliu@sina.com","372618332","18929343731","1988-09-22"]}
  15. *]
  16. *}
  17. *当然，在js中，可以通过jqGrid的jsonReader属性来修改默认格式
  18. *因为默认的格式，rows的数据要求顺序不能变，且每个字段都得有值（空也得有"")。因而，
  19. *在jsonReader中定义repeatitems:false。这样，rows就变成了：
  20. *"rows":[
  21. *{id:"1",userName:"polaris",gender:"男",email:"polaris@gmail.com",QQ:"772618379",mobilePhone:"18329382732",birthday:"1985-10-2"]},
  22. *{id:"2",userName:"徐新华",gender:"男",email:"xh.xu@163.com",QQ:"272618382",mobilePhone:"15329382732",birthday:"1986-10-12"]},
  23. *{id:"3",userName:"王五",gender:"女",email:"wangwu@yahoo.com",QQ:"172635372",mobilePhone:"13329389832",birthday:"1987-12-21"]},
  24. *{id:"4",userName:"赵六",gender:"女",email:"zhaoliu@sina.com",QQ:"372618332",mobilePhone:"18929343731",birthday:"1988-09-22"]}
  25. *]
  26. *@authorxuxinhua
  27. *
  28. */
  29. publicclassJqGridForJSONActionextendsJsonBaseAction
  30. {
  31. privatestaticfinallongserialVersionUID=132383828833L;
  33. /**
  34. *该方法得到数据并构造json对象以便返回给客户端
  35. *@return
  36. *@throwsException
  37. */
  38. publicStringexecute()throwsException
  39. {
  40. //构建几条数据
  41. inti=0;
  42. for(i=0;i<4;++i)
  43. {
  44. //定义一个Map<String,Object>存放一行行数据。（跟从Servlet获得数据类似，只不过此处不需要用json-lib）
  45. Map<String,Object>row=newHashMap<String,Object>();
  47. row.put("id",i);
  48. if(i%2==0)
  49. {
  50. row.put("userName","polaris");
  51. row.put("gender","女");
  52. }
  53. else
  54. {
  55. row.put("userName","徐新华");
  56. row.put("gender","男");
  57. }
  58. row.put("email","polaris@gmail.com");
  59. row.put("QQ","772"+i+"1837"+i);
  60. row.put("mobilePhone","132"+i+"1837"+i+"3"+i);
  61. row.put("birthday","198"+i+"-10-"+"1"+i);
  63. dataRows.add(row);
  64. }
  66. //给另外三个返回参数设值
  67. setTotalPages(1);//总页数
  68. setCurPage(1);//当前页
  69. setTotalRecords(i);//总记录数
  71. returnSUCCESS;
  72. }
  74. /*
  75. *以下getter方法必须实现，struts2-json插件会将这些getter方法序列化，以便输出json对象。
  76. *这些getter方法只需返回相应的属性即可。如getCurPage应该返回curPage
  77. *（curPage在JsonBaseAction中有定义）
  78. */
  79. @Override
  80. publicintgetCurPage()
  81. {
  82. returnthis.curPage;
  83. }
  85. @Override
  86. publicList<Map<String,Object>>getDataRows()
  87. {
  88. returnthis.dataRows;
  89. }
  91. @Override
  92. publicintgetTotalPages()
  93. {
  94. returnthis.totalPages;
  95. }
  97. @Override
  98. publicintgetTotalRecords()
  99. {
  100. returnthis.totalRecords;
  101. }
  102. }


注意看注释。

struts.xml的配置：

Xml代码
  1. < constant name = "struts.i18n.encoding" value = "utf-8" > </ constant >
  3. < package name = "json" namespace = "/json" extends = "json-default" >
  4. < action name = "jqgrid" class = "com.polaris.jqgrid.struts2.JqGridForJSONAction" >
  5. < result type = "json" > </ result >
  6. </ action >
  7. </ package >
[xml] view plaincopyprint?
  1. <constantname="struts.i18n.encoding"value="utf-8"></constant>
  3. <packagename="json"namespace="/json"extends="json-default">
  4. <actionname="jqgrid"class="com.polaris.jqgrid.struts2.JqGridForJSONAction">
  5. <resulttype="json"></result>
  6. </action>
  7. </package>


说明：1）设置字符编码，否则会乱码；2）package要继承自json-default，json-default在struts2- json-plugin中有定义；3）result的type必须为json，表示返回数据类型为json，然而视图映射留空（即result不能对应一个视图）

web.xml中struts2核心过滤器的配置：

Xml代码
  1. < filter >
  2. < filter-name > struts2 </ filter-name >
  3. < filter-class >
  4. org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter
  5. </ filter-class >
  6. </ filter >
  8. < filter-mapping >
  9. < filter-name > struts2 </ filter-name >
  10. < url-pattern > /* </ url-pattern >
  11. </ filter-mapping >
[xml] view plaincopyprint?
  1. <filter>
  2. <filter-name>struts2</filter-name>
  3. <filter-class>
  4. org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter
  5. </filter-class>
  6. </filter>
  8. <filter-mapping>
  9. <filter-name>struts2</filter-name>
  10. <url-pattern>/*</url-pattern>
  11. </filter-mapping>


你可能会发现，此处配置的过滤器类名和网上很多地方说的不一样。的确，我用的struts2是2.1.8。自从2.1.3开始，原来的过滤器 FilterDispatcher被标注为：Deprecated

结语：

至此jqGrid告一段落，不好之处请指正。如有什么问题，可以联系我，我们一起讨论。

分享到：
| jqGrid与Struts2的结合应用（十） —— ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jqgrid+struts2实现的增删改查

    jqGrid 是一个基于 jQuery 的开源数据网格插件，它提供了一种在Web页面上展示和操作大量结构化数据的强大方式。jqGrid 支持多种功能，如分页、排序、过滤、编辑、添加、删除和查看记录，同时也提供了丰富的自定义...

    jqGrid 中文大全(1)

    “jqGrid基础学习：3jqGrid与后台的交互（基于struts2）”讲解了如何将jqGrid与Struts2框架相结合，实现数据的动态加载和异步通信。这对于构建数据驱动的Web应用至关重要。 3. **认识jqGrid**： “jqGrid基础学习...

    ssh+jqGrid的项目

    其次，jqGrid是一款基于jQuery的数据网格插件，它提供了强大的数据展示和操作功能。jqGrid支持分页、排序、过滤、编辑和搜索等多种功能，能实现表格数据的动态加载。在本项目中，jqGrid被用作前端界面，显示联系人...

    底层框架搭建

    JqGrid是一款基于jQuery的表格插件，用于创建功能丰富的、响应式的数据网格。它可以实现数据的分页、排序、筛选和编辑等功能，同时支持远程数据源，与服务器进行Ajax交互。通过配置JqGrid的JSON或XML数据源，可以...

    Tripple Farm:Match 3 Combination Game Complete Project 合成小镇三消Unity合成消除游戏项目游戏插件模版C#

    Tripple Farm:Match 3 Combination Game Complete Project 合成小镇三消Unity合成消除游戏项目游戏插件模版C# 支持Unity2020.3.4或更高 您知道像三合镇这样的著名益智游戏，并且您想制作一个自己的游戏。就是这样。这个包正好适合您。 这是一个完整的项目，您可以在零分钟内将其上传到 appstore 或 googleplay 商店。 基本规则： 3个或以上相同的道具可以匹配升级为新的道具。动物如果被困住，也可以合并。 羽毛： -移动（android/ios）就绪。 - 包含所有源代码。 -超过 12 座建筑/军团需要升级。 -三种特殊物品可以提供帮助。 - 三个不同的主题（场景和动物） -unity iap 支持 -Unity UI -广告位已准备好 -包含详细文档

    【JAVA编程基础】针对新手的JAVA基础测试题：涵盖选择题、简答与编程实践

    内容概要：本文档是一份针对Java初学者的基础测试题，分为不定项选择题、简答题和编程题三大部分。选择题涵盖标识符、数组初始化、面向对象概念、运算符优先级、循环结构、对象行为、变量命名规则、基本

    MATLAB机器人运动学、动力学及轨迹规划的建模与仿真

    内容概要：本文详细介绍了如何利用MATLAB进行机器人运动学、动力学以及轨迹规划的建模与仿真。首先，通过具体的代码实例展示了正运动学和逆运动学的实现方法，包括使用DH参数建立机械臂模型、计算末端位姿以及求解关节角度。接着，讨论了雅克比矩阵的应用及其在速度控制中的重要性，并解释了如何检测和处理奇异位形。然后，深入探讨了动力学建模的方法，如使用拉格朗日方程和符号工具箱自动生成动力学方程。此外，还介绍了多种轨迹规划技术，包括抛物线插值和五次多项式插值，确保路径平滑性和可控性。最后，提供了常见仿真问题的解决方案，强调了在实际工程项目中需要注意的关键点。 适合人群：对机器人控制感兴趣的初学者、希望深入了解机器人运动学和动力学的学生及研究人员、从事机器人开发的技术人员。 使用场景及目标：① 学习如何使用MATLAB进行机器人运动学、动力学建模；② 掌握不同类型的轨迹规划方法及其应用场景；③ 解决仿真过程中遇到的各种问题，提高仿真的稳定性和准确性。 其他说明：文中提供的代码片段可以直接用于实验和教学，帮助读者更好地理解和掌握相关概念和技术。同时，针对实际应用中的挑战提出了实用的建议，有助于提升项目的成功率。

    基于单片机的无线环境监测-仿真设计(51x2+12864+18B20+HW).#0092

    包括：源程序工程文件、Proteus仿真工程文件、配套技术手册等 1、采用51/52单片机作为主控芯片； 2、发送机：18B20测温、开关模拟灯光，发送数据； 3、接收机：接受数据、12864液晶显示；

    微电网优化中风光不确定性的处理：基于机会约束与概率序列的Matlab实现

    内容概要：本文探讨了在微电网优化中如何处理风光能源的不确定性，特别是通过引入机会约束和概率序列的方法。首先介绍了风光能源的随机性和波动性带来的挑战，然后详细解释了机会约束的概念，即在一定概率水平下放松约束条件，从而提高模型灵活性。接着讨论了概率序列的应用，它通过对历史数据分析生成多个可能的风光发电场景及其概率，以此为基础构建优化模型的目标函数和约束条件。文中提供了具体的Matlab代码示例，演示了如何利用CPLEX求解器解决此类优化问题，并强调了参数选择、模型构建、约束添加以及求解过程中应注意的技术细节。此外，还提到了一些实用技巧，如通过调整MIP gap提升求解效率，使用K-means聚类减少场景数量以降低计算复杂度等。 适合人群：从事电力系统研究、微电网设计与运营的专业人士，尤其是那些对风光不确定性建模感兴趣的研究者和技术人员。 使用场景及目标：适用于需要评估和优化含有大量间歇性可再生能源接入的微电网系统，旨在提高系统的经济性和稳定性，确保在面对风光出力波动时仍能维持正常运作。 其他说明：文中提到的方法不仅有助于学术研究，也可应用于实际工程项目中，帮助工程师们制定更为稳健的微电网调度计划。同时，文中提供的代码片段可供读者参考并应用于类似的问题情境中。

    linux之用户管理教程.md

    linux之用户管理教程.md

    基于组态王与S7-200 PLC的六层至八层电梯控制系统设计与实现

    内容概要：本文详细介绍了如何利用组态王和西门子S7-200 PLC构建六层或八层电梯控制系统。首先进行合理的IO地址分配，明确输入输出信号的功能及其对应的物理地址。接着深入解析了PLC源代码的关键部分，涵盖初始化、呼叫处理、电梯运行逻辑和平层处理等方面。此外，提供了组态王源代码用于实现动画仿真，展示了电梯轿厢的画面创建及动画连接方法。最后附上了详细的电气原理图和布局图，帮助理解和实施整个系统架构。 适合人群：从事工业自动化控制领域的工程师和技术人员，尤其是对PLC编程和人机界面开发感兴趣的从业者。 使用场景及目标：适用于教学培训、工程项目实践以及研究开发等场合。旨在为相关人员提供一个完整的电梯控制系统设计方案，便于他们掌握PLC编程技巧、熟悉组态软件的应用，并能够独立完成类似项目的开发。 其他说明：文中不仅包含了理论知识讲解，还分享了许多实际操作经验，如解决编码器丢脉冲的问题、优化平层停车精度的方法等。同时强调了安全性和可靠性方面的考虑，例如设置了多重保护机制以确保系统稳定运行。

    基于MTF的1D-2D-CNN-LSTM-Attention时序图像多模态融合的故障识别，适合研究学习（Matlab完整源码和数据）

    在工业生产和设备运行过程中，滚动轴承故障、变压器油气故障等领域的数据分类与故障诊断至关重要。准确的数据分类与故障诊断能够及时发现设备潜在问题，避免故障恶化导致的生产事故与经济损失。LSTM能够捕获时序信息，马尔可夫场（MTF）能够一维信号转换为二维特征图，并结合CNN学习空间特征，MTF-1D-2D-CNN-LSTM-Attention模型通过将一维时序信号和二维图像融合，融合不同模态优势，并引入多头自注意力机制提高泛化能力，为数据分类与故障诊断提供了新的思路。实验结果表明，该模型在分类准确率、鲁棒性和泛化能力方面具有显著优势。多模态融合算法凭借其创新点和实验验证的有效性，在滚动轴承故障、变压器油气故障等领域展现出广阔的应用前景，有望推动相关领域故障诊断技术的进一步发展。 关键词：多模态融合；故障诊断；马尔可夫场；卷积神经网络；长短期记忆神经网络 适用平台：Matlab2023版本及以上。实验硬件设备配置如下：选用高性能计算机，搭载i7处理器，以确保数据处理和模型训练的高效性；配备16GB的内存，满足大规模数据加载和模型运算过程中的内存需求；使用高性能显卡，提供强大的并行计算能力，加速深度学习模型的训练过程。实验参数的选择依据多方面因素确定。

    【面试模拟系统AI提示词】基于简历和岗位要求的个性化模拟面试（deepseek,豆包,kimi,chatGPT,扣子空间,manus,AI训练师）

    内容概要：本文档提供了一个面试模拟的指导框架，旨在为用户提供一个真实的面试体验。文档中的面试官名为Elian，被设定为性格温和冷静且思路清晰的形象，其主要职责是根据用户提供的简历信息和应聘岗位要求，进行一对一的模拟面试。面试官将逐一提出问题，确保每次只提一个问题，并等待候选人的回答结束后再继续下一个问题。面试官需要深入了解应聘岗位的具体要求，包括但不限于业务理解、行业知识、具体技能、专业背景以及项目经历等方面，从而全面评估候选人是否符合岗位需求。此外，文档强调了面试官应在用户主动发起提问后才开始回答，若用户未提供简历，面试官应首先邀请用户提供简历或描述应聘岗位； 适用人群：即将参加面试的求职者，特别是希望提前熟悉面试流程、提升面试技巧的人士； 使用场景及目标：①帮助求职者熟悉面试流程，提高应对实际面试的信心；②通过模拟面试，让求职者能够更好地展示自己的优势，发现自身不足之处并加以改进； 其他说明：此文档为文本格式，用户可以根据文档内容与面试官Elian进行互动，以达到最佳的模拟效果。在整个模拟过程中，用户应尽量真实地回答每一个问题，以便获得最贴近实际情况的反馈。

    招聘技巧HR必看如何进行网络招聘和电话邀约.ppt

    招聘技巧HR必看如何进行网络招聘和电话邀约.ppt

    三菱PLC与组态王构建3x3书架式堆垛立体库：IO分配、梯形图编程及组态画面设计

    内容概要：本文详细介绍了利用三菱PLC（特别是FX系列）和组态王软件构建3x3书架式堆垛式立体库的方法。首先阐述了IO分配的原则，明确了输入输出信号的功能，如仓位检测、堆垛机运动控制等。接着深入解析了梯形图编程的具体实现，包括基本的左右移动控制、复杂的自动寻址逻辑，以及确保安全性的限位保护措施。还展示了接线图和原理图的作用，强调了正确的电气连接方式。最后讲解了组态王的画面设计技巧，通过图形化界面实现对立体库的操作和监控。 适用人群：从事自动化仓储系统设计、安装、调试的技术人员，尤其是熟悉三菱PLC和组态王的工程师。 使用场景及目标：适用于需要提高仓库空间利用率的小型仓储环境，旨在帮助技术人员掌握从硬件选型、电路设计到软件编程的全流程技能，最终实现高效稳定的自动化仓储管理。 其他说明：文中提供了多个实用的编程技巧和注意事项，如避免常见错误、优化性能参数等，有助于减少实际应用中的故障率并提升系统的可靠性。

    COMSOL电弧放电模型：基于磁流体方程的多物理场耦合仿真及其应用

    内容概要：本文详细探讨了利用COMSOL进行电弧放电现象的模拟，重点在于采用磁流体方程(MHD)来耦合电磁、热流体和电路等多个物理场。文中介绍了关键的数学模型如磁流体动力学方程、热传导方程以及电路方程，并讨论了求解过程中遇到的技术难题，包括参数敏感性、求解器选择、网格划分等问题。此外，作者分享了许多实践经验，比如如何处理不同物理场之间的相互作用，怎样避免数值不稳定性和提高计算效率。 适用人群：适用于从事电弧放电研究的专业人士，尤其是那些希望通过数值模拟深入了解电弧行为并应用于实际工程项目的人群。 使用场景及目标：①帮助研究人员更好地理解和预测电弧放电过程中的各种物理现象；②为工程师提供优化电气设备设计的方法论支持；③指导使用者正确配置COMSOL软件的相关参数以确保高效稳定的仿真结果。 其他说明：尽管存在较高的计算复杂度和技术挑战，成功的电弧放电仿真能够显著提升对这一重要物理过程的认识水平，并促进相关领域的技术创新和发展。

    基于粒子群优化的KELM算法在多维输入单维输出数据处理中的应用与性能提升

    内容概要：本文详细介绍了如何利用粒子群优化算法（PSO）改进极限学习机（KELM），以提升其在多维输入单维输出数据处理任务中的性能。首先简述了KELM的工作原理及其快速训练的特点，接着深入探讨了PSO算法的机制，包括粒子的速度和位置更新规则。然后展示了如何将PSO应用于优化KELM的关键参数，如输入权值和隐含层偏置，并提供了具体的Python代码实现。通过对模拟数据和实际数据集的实验对比，证明了PSO优化后的KELM在预测精度上有显著提升，尤其是在处理复杂数据时表现出色。 适合人群：对机器学习尤其是深度学习有一定了解的研究人员和技术爱好者，以及从事数据分析工作的专业人士。 使用场景及目标：适用于需要高效处理多维输入单维输出数据的任务，如时间序列预测、回归分析等。主要目标是通过优化模型参数，提高预测准确性并减少人工调参的时间成本。 其他说明：文中不仅给出了详细的理论解释，还附上了完整的代码示例，便于读者理解和实践。此外，还讨论了一些实用技巧，如参数选择、数据预处理等，有助于解决实际应用中的常见问题。

    基于粒子群算法的微网优化调度Matlab程序设计与实现

    内容概要：本文介绍了利用粒子群算法（PSO）解决微网优化调度问题的方法。主要内容涵盖微网系统的组成（风力、光伏、储能、燃气轮机、柴油机）、需求响应机制、储能SOC约束处理及粒子群算法的具体实现。文中详细描述了目标函数的设计，包括发电成本、启停成本、需求响应惩罚项和SOC连续性惩罚项的计算方法。同时，阐述了粒子群算法的核心迭代逻辑及其参数调整策略，如惯性权重的线性递减策略。此外，还讨论了代码调试过程中遇到的问题及解决方案，并展示了仿真结果，证明了模型的有效性和优越性。 适合人群：从事电力系统优化、智能算法应用的研究人员和技术人员，特别是对微网调度感兴趣的读者。 使用场景及目标：适用于研究和开发微网优化调度系统，旨在提高供电稳定性的同时降低成本。具体应用场景包括但不限于分布式能源管理、工业园区能源调度等。目标是通过合理的调度策略，使微网系统在满足需求响应的前提下，实现经济效益最大化。 其他说明：本文提供的Matlab程序具有良好的模块化设计，便于扩展和维护。建议读者在理解和掌握基本原理的基础上，结合实际情况进行改进和创新。

    【KUKA 机器人资料】：典型机器人案例分析.pdf

    KUKA机器人相关资料

    基于多智能体的高层建筑分阶段火灾疏散仿 真及策略研究.pdf

    基于多智能体的高层建筑分阶段火灾疏散仿 真及策略研究.pdf

Magicbox
Global site tag (gtag.js) - Google Analytics