萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> Extjs4中的分頁應用結合前後台

Extjs4中的分頁應用結合前後台

 本文為大家介紹下Extjs4中的分頁如何使用且結合前後台,具體的示例如下,感興趣的朋友可以參考下

前台部分:  代碼如下: Ext.define('GS.system.role.store.RoleGridStore',{  extend:'Ext.data.Store',  model:'GS.system.role.model.RoleGridModel',  id:'roleStoreId',  pageSize:4,//分頁大小  proxy:{  type:'ajax',  url:'/gs_erp/roleAction!getRoleList',  reader: {  type: 'json',  root: 'rows',  totalProperty: 'total'  }  },  sorters: [{  property: 'id', //排序字段  direction: 'asc'// 默認ASC  }],  autoLoad:{start: 0, limit: 4}//start是從第幾條開始,limit是每頁的條數  });    store.loadPage(1); //加載第一頁  後台部分:  代碼如下: private int limit;//每一頁的條數  private int start;//從哪一條數據開始查  private int total;//總條數  /**  * 查找所有角色  */  public void getRoleList()  {    List<Role> roleList=new ArrayList<Role>();  StringBuffer toJson=new StringBuffer();//用來放json數據  System.out.println(start+","+limit+","+total);  try  {  roleList=(List<Role>) pageServiceImpl.commonPagination(Role.class, "", start, limit);  total=pageServiceImpl.getTotalNum(Role.class, "");  toJson.append("{total:").append(""+total+"").append(",success:true,").append("start:")  .append(""+start+"").append(",");  toJson.append("rows:[");  for(int i=0;i<roleList.size();i++)  {  toJson.append("{id:").append("'").append(""+roleList.get(i).getId()+"").append("'")  .append(",name:").append("'").append(""+roleList.get(i).getName()+"")  .append("'").append(",desc:").append("'").append(""+roleList.get(i).getDesc()+"")  .append("'").append("}");  if(i<roleList.size()-1)  {  toJson.append(",");  }  }  toJson.append("]}");  } catch (Exception e1)  {  // TODO Auto-generated catch block  e1.printStackTrace();  }  try  {  response.setHeader("Cache-Control", "no-cache");  response.setContentType("text/json;charset=utf-8");  response.getWriter().print(toJson);  System.out.println(toJson);  } catch (IOException e)  {  // TODO Auto-generated catch block  e.printStackTrace();  }  }     
copyright © 萬盛學電腦網 all rights reserved