Extjs4中的分页应用结合前后台
Extjs4中的分页应用结合前后台
发布时间:2016-12-30 来源:查字典编辑
摘要:前台部分:复制代码代码如下:Ext.define('GS.system.role.store.RoleGridStore',{extend:...

前台部分:

复制代码 代码如下:

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

}

}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类