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是每页的条数

　　});

　　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();

　　}

　　}