Struts2绑定Jquery EasyUI的Datagrid分页

1、js代码：

   

[javascript] view plain copy

1. <script>  
2.         $(function(){  
3.         $('#tt').datagrid({    
4.                  title:'交易码列表',    
5.                  iconCls:'icon-edit',//图标    
6.                  width: 700,    
7.                  height: 'auto',    
8.                  nowrap: false,    
9.                  striped: true,    
10.                  border: true,    
11.                  collapsible:true,//是否可折叠的    
12.                  fit: true,//自动大小    
13.                  url:'admin/TransCode-list',    
14.                  //sortName: 'code',    
15.                  //sortOrder: 'desc',    
16.                  remoteSort:false,     
17.                  idField:'id',    
18.                  singleSelect:false,//是否单选    
19.                  pagination:true,//分页控件    
20.                  rownumbers:true//行号    
21.              });  
22.               //设置分页控件    
23.               var p = $('#tt').datagrid('getPager');    
24.                $(p).pagination({    
25.                     pageSize: 10,//每页显示的记录条数，默认为10    
26.                     pageList: [5,10,15],//可以设置每页记录条数的列表    
27.                     beforePageText: '第',//页数文本框前显示的汉字    
28.                     afterPageText: '页    共 {pages} 页',    
29.                     displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录'  
30.                       
31.                 });   
32.                         
33.         });  
34.   
35.     </script>  

对昨天 绑定用的datagrid(){}进行了修改，把columns写在了jsp里面了，这样看着js代码比较舒服，呵呵！

2、jsp代码：

[html] view plain copy

1. <table id="tt">  
2.   <thead>    
3.        <tr>    
4.            <th field="id" width="100">ID</th>    
5.            <th field="tranNo" width="100">交易码</th>    
6.            <th field="tranName" width="100">交易名称</th>    
7.            <th field="cr_Num" width="100">CR号</th>    
8.        </tr>    
9.   
10.    </thead>  
11. </table>  

3、action代码：

[java] view plain copy

1. public class TransCodeAction extends ActionSupport {  
2.   
3.     private List<TransCode> transCodes;  
4.     private TransCodeManager transCodeManager;  
5.     private int id;  
6.     private JSONObject resultObj ;  
7.     <strong>private String rows;//每页显示的记录数    
8.         private String page;//当前第几页</strong>  
9.          //这两个属性是datagrid分页提供的两个参数，参数名一定是这样的，当前台发送请求时会把这两个数据带到action中  
10.     public JSONObject getResultObj() {  
11.         return resultObj;  
12.     }  
13.   
14.     public void setResultObj(JSONObject resultObj) {  
15.         this.resultObj = resultObj;  
16.     }  
17.   
18.     public String list() {  
19.         HttpServletResponse resp = ServletActionContext.getResponse();  
20.         resp.setContentType("application/json");  
21.     <strong>    //当前页    
22.         int intPage = Integer.parseInt((page == null || page == "0") ? "1":page);    
23.         //每页显示条数    
24.         int number = Integer.parseInt((rows == null || rows == "0") ? "5":rows);    
25.           
26.         //每页的开始记录  第一页为1  第二页为number +1     
27.         int start = (intPage-1)*number;</strong>  
28.         transCodes = transCodeManager.getAllByPage(start,number);//通过hibernate进行分页查询      
29.          ArrayList al = new ArrayList();  
30.          for(TransCode tc:transCodes)  
31.          {   
32.              Map<String, Object> m = new HashMap<String, Object>();   
33.              m.put("id", tc.getId());  
34.              m.put("tranName", tc.getTranName());  
35.              m.put("tranNo", tc.getTranNo());  
36.              m.put("cr_Num", tc.getCr_Num());  
37.              al.add(m);  
38.           }   
39.            Map<String, Object> json = new HashMap<String, Object>();   
40.           json.put("total", <strong>transCodeManager.totalCount()</strong>);//total键 存放总记录数，必须的 json.put("rows", jsonArray);// rows键 存放每页记录 list （粗体字表示所有记录数据条数）  
41.           json.put("rows", al);  
42.           resultObj = JSONObject.fromObject(json);// 格式化result一定要是JSONObject  
43.         return SUCCESS;  
44.     }  
45.   
46.       
47.     public List<TransCode> getTransCodes() {  
48.         return transCodes;  
49.     }  
50.   
51.     public void setTransCodes(List<TransCode> transCodes) {  
52.         this.transCodes = transCodes;  
53.     }  
54.   
55.     public TransCodeManager getTransCodeManager() {  
56.         return transCodeManager;  
57.     }  
58.   
59.     @Resource  
60.     public void setTransCodeManager(TransCodeManager transCodeManager) {  
61.         this.transCodeManager = transCodeManager;  
62.     }  
63.   
64.     public int getId() {  
65.         return id;  
66.     }  
67.   
68.     public void setId(int id) {  
69.         this.id = id;  
70.     }  
71.   
72.   
73.     public String getRows() {  
74.         return rows;  
75.     }  
76.   
77.     public void setRows(String rows) {  
78.         this.rows = rows;  
79.     }  
80.   
81.     public String getPage() {  
82.         return page;  
83.     }  
84.   
85.     public void setPage(String page) {  
86.         this.page = page;  
87.     }  
88.   
89.   
90.   
91. }  

加粗部分都是新添加或者修改的。
3、struts.xml

[html] view plain copy

1. <package name="admin" namespace="/admin" extends="json-default" >  
2.   
3.       <action name="*-list" class="TransactionSystem.action.{1}Action" method="list">  
4.             <result type="json" >  
5.             <param name="root">resultObj</param>  
6.             </result>  
7.       </action>  
8.   
9.    </package>   

效果图