Extjs4中的分页使用（前后台结合）

来源：互联网发布：怎么样收到淘宝店铺编辑：程序博客网时间：2024/05/29 19:59

前台部分：

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 blocke1.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 blocke.printStackTrace();}}

2 0