本文為大家介紹下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(); } }