`

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表格应用——新增与删除数据

    它在Web应用程序中常被用来实现表格数据的增删查改操作，提供了丰富的配置选项和强大的API，使得开发者能够定制符合特定需求的数据表格。 在"jqGrid表格应用——新增与删除数据"这个主题中，我们可以探讨以下知识点...

    jqGrid插件--JQuery表格插件

    jqGrid是一款基于jQuery的开源表格插件，专为数据管理和展示设计，提供了丰富的功能和高度的自定义性。它在Web开发中广泛应用于构建高效、交互式的数据网格。以下是关于jqGrid的一些关键知识点： 1. **基本使用**：...

    jquery表格插件jqgrid

    **jQuery表格插件jqGrid详解** jqGrid是一款强大的基于JavaScript的开源网格控件，它能够为Web应用程序提供灵活、功能丰富的数据展示和操作界面。这款插件是jQuery库的一个扩展，专为处理大量数据和实现复杂的表格...

    Jquery表格插件jqGrid 4.3.0及其Demo

    **jQuery表格插件jqGrid 4.3.0详解** jqGrid是一款基于JavaScript的开源网格控件，它充分利用了jQuery库的强大功能，为Web开发者提供了丰富的数据展示和操作功能。jqGrid 4.3.0是该插件的一个重要版本，它在前一...

    jqgrid+struts2

    jqGrid是一款基于jQuery的开源数据网格插件，它提供了丰富的功能，包括数据分页、排序、搜索、编辑以及自定义列等。jqGrid使得在网页上展示大量数据变得简单，通过AJAX技术实现动态加载，提升用户体验。其主要特点...

    jqGrid表格插件(带中文/英文文档)

    jqGrid是一款功能强大的JavaScript表格插件，用于在Web应用程序中展示和操作数据。它支持多种功能，如数据分页、排序、过滤、编辑和 AJAX 交互。这款插件基于 jQuery 库，使得开发者能够轻松地在网页上创建交互式、...

    jqgrid jquery 表格插件

    **jqGrid jQuery 表格插件** jqGrid是一款基于jQuery的开源数据网格插件，它为Web应用程序提供了强大的数据展示和管理能力。这个插件深受开发者喜爱，因为它提供了丰富的功能和自定义选项，使得在网页上创建交互式...

    jqgrid表格插件

    jqGrid是一款功能强大的JavaScript表格插件，主要用于在Web页面中展示和操作数据。它基于jQuery库，提供了丰富的功能，如数据排序、分页、搜索、编辑等，使得开发者能够轻松创建交互式的表格。本篇文章将深入探讨...

    jqGrid实例下载（数据交互，统计，时间插件都已实现）

    在本实例中，"jqGrid实例下载（数据交互，统计，时间插件都已实现）"意味着你将获得一个已经包含了数据交互、统计功能以及时间插件的完整jqGrid示例。 1. 数据交互：jqGrid能够轻松地与服务器进行数据交换。你可以...

    jqgrid+struts2实现的增删改查

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

    jqGrid表格插件学习（一） 第一个Demo

    jqGrid是一款功能强大的JavaScript表格插件，用于在Web页面中展示和操作数据。这篇博文将带你初探jqGrid，通过创建第一个Demo来了解其基本用法。以下是对jqGrid插件的一些关键知识点的详细说明： 1. **安装与引入**...

    jqGrid表格内容查询读取代码.zip

    这款开源插件基于jQuery库，提供了一系列高级功能，如分页、排序、筛选、编辑、添加和删除数据等。在"jqGrid表格内容查询读取代码.zip"压缩包中，我们可以找到实现jqGrid表格内容查询读取的相关代码。 首先，让我们...

    jquery.jqgrid最新版

    总结：jQuery.jqGrid是一款功能强大的表格组件，其全面的数据处理能力使得它在Web开发中占据了重要地位。通过深入学习和灵活运用，开发者可以构建出高效、美观的数据管理界面，提升用户体验。理解并熟练掌握jqGrid的...

    jqGrid（jqueryGrid表格操作demo）

    jqGrid是一款基于jQuery的开源数据网格插件，用于在网页上展示和操作表格数据，它提供了丰富的功能，如数据分页、排序、过滤、编辑、添加、删除等，且具有高度自定义性。这个"jqGrid（jqueryGrid表格操作demo）"是一...

    jqGrid表格数据展示插件

    jqGrid是一款功能强大的JavaScript表格插件，主要用于网页数据的展示、编辑和管理。它基于jQuery库，提供了丰富的功能，如分页、排序、过滤、编辑、添加、删除和搜索等，使得网页上的表格操作变得更加便捷和高效。在...

    PHP+jqGrid表格插件实现增删改查

    jqGrid是一款基于jQuery的表格插件，它提供了一套强大的功能，如数据分页、排序、搜索和编辑。jqGrid支持AJAX无刷新加载，使得用户可以在不刷新整个页面的情况下，进行数据的增删改查操作，提高了用户体验。此外，...

    jqGrid表格插件

    综上所述，jqGrid是一款强大且灵活的表格插件，其丰富的功能和优秀的性能使其成为开发人员在构建数据密集型Web应用时的首选工具之一。通过深入理解和实践，可以充分发挥其潜力，打造高效的数据管理界面。

    数据表格JqGrid自适应列宽度

    JqGrid是一款基于jQuery的数据表格插件，它提供了一种高效、可定制的方式来展示和操作表格数据。本文将深入探讨“数据表格JqGrid自适应列宽度”这一主题，以帮助开发者更好地理解和实现这一功能。 首先，JqGrid允许...

    jqGrid与Struts2的结合应用

    通常，我们会使用JSON格式从Struts2 Action返回数据。 3. **数据加载**：jqGrid支持动态加载数据，可以使用`url`参数指定Struts2 Action的URL，通过`loadonce`参数控制数据是否一次性加载或分页加载。 4. **数据...

    jqgrid表格

    jqGrid是一款功能强大的JavaScript数据网格插件，常用于创建交互式的数据展示和管理表格。它提供了丰富的特性，如数据分页、排序、过滤、编辑、导入导出等，支持多种数据源，包括本地数据和远程服务（如JSON、XML、...

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