Extjs4中的分页应用结合前后台
2013-12-13 00:00
621 查看
前台部分:
store.loadPage(1); //加载第一页
后台部分:
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判断两个IP地址是否在同一个网段的实现思路
- 代码触发js事件(click、change)示例应用
- JS短路原理的应用示例 精简代码的途径
- alibaba-FastJSON Demo
- Javascript 中 call 的两种用法
- js模版引擎handlebars.js实用教程
- 用按钮或链接实现JSP页面跳转
- JavaScript字符转Unicode,顺便说句:GitHub的Oh no页面很亮
- JSP分页
- JS学习—this关键字
- 给JavaScript24条最佳实践
- 一些非常实用的JSON 教程
- JSP自定义标签
- JSON-lib框架,转换JSON、XML不再困难
- javascript设计模式-生成器模式(Builder)
- FastJson---高性能JSON开发包
- 尚学堂的一个用了ExtJs的页面代码
- ExtJS 给textfield赋值的方法总结
- 复杂的表单客户端验证
- js简单的验证邮箱