在Extjs4中的分页应用结合前后台

发布时间：2023-08-23 15:08:13 所属栏目：教程来源：

导读：前台部分：

代码如下:

Ext.define('GS.system.role.store.RoleGridStore',{

extend:'Ext.data.Store',

model:'GS.system.role.model.RoleGridModel',

id:'roleStor

前台部分：

代码如下:

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

}

}

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!