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


Posted in Javascript onDecember 13, 2013

前台部分:

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 相关文章推荐
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
Apr 01 Javascript
关于Aptana Studio生成自动备份文件的解决办法
Dec 23 Javascript
jquery 事件对象属性小结
Apr 27 Javascript
javascript实现文字图片上下滚动的具体实例
Jun 28 Javascript
js操作输入框提示信息且响应鼠标事件
Mar 25 Javascript
jquery解析xml字符串简单示例
Apr 11 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
Aug 08 Javascript
JavaScript学习小结(7)之JS RegExp
Nov 29 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
Feb 27 Javascript
JS使用tofixed与round处理数据四舍五入的区别
Oct 25 Javascript
JS快速实现简单计算器
Apr 08 Javascript
浅谈JSON5解决了JSON的两大痛点
Dec 14 Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
Dec 13 #Javascript
window.print打印指定div实例代码
Dec 13 #Javascript
Javascript中call的两种用法实例
Dec 13 #Javascript
分享JavaScript获取网页关闭与取消关闭的事件
Dec 13 #Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
Dec 13 #Javascript
浅析XMLHttpRequest的缓存问题
Dec 13 #Javascript
xmlhttp缓存清除的2种解决方法
Dec 13 #Javascript
You might like
PHP 网络开发详解之远程文件包含漏洞
2010/04/25 PHP
php+MySQL判断update语句是否执行成功的方法
2014/08/28 PHP
php获取远程文件的内容和大小
2015/11/03 PHP
PHP打印输出函数汇总
2016/08/28 PHP
PHP实现微信提现功能(微信商城)
2019/11/21 PHP
javascript操作cookie的文章(设置,删除cookies)
2010/04/01 Javascript
jquery调用wcf并展示出数据的方法
2011/07/07 Javascript
js给onclick赋值传参数的两种方法
2013/11/25 Javascript
js利用事件的阻止冒泡实现点击空白模态框的隐藏
2014/01/24 Javascript
javascript正则表达式之search()用法实例
2015/01/19 Javascript
JS实现网页上随机产生超链接地址的方法
2015/11/09 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
2015/11/25 Javascript
js操作DOM--添加、删除节点的简单实例
2016/07/08 Javascript
引用jquery框架后出错的解决方法
2016/08/09 Javascript
Vue.js 和 MVVM 的注意事项
2016/11/07 Javascript
详解PHP中pathinfo()函数导致的安全问题
2017/01/05 Javascript
thinkjs之页面跳转同步异步操作
2017/02/05 Javascript
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
利用PM2部署node.js项目的方法教程
2017/05/10 Javascript
webpack打包node.js后端项目的方法
2018/03/10 Javascript
原生js检测页面加载完毕的实例
2018/09/11 Javascript
微信小程序 image组件遇到的问题
2019/05/28 Javascript
python修改注册表终止360进程实例
2014/10/13 Python
Python cookbook(数据结构与算法)对切片命名清除索引的方法
2018/03/13 Python
python实现批量修改服务器密码的方法
2019/08/13 Python
如何导出python安装的所有模块名称和版本号到文件中
2020/06/05 Python
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
2013/06/06 HTML / CSS
FC-Moto丹麦:欧洲最大的摩托车服装和头盔商店之一
2019/08/20 全球购物
茱莉蔻美国官网:Jurlique美国
2020/11/24 全球购物
美术学专业求职信
2014/07/23 职场文书
作风建设年活动总结
2014/08/27 职场文书
计划生育汇报材料
2014/12/26 职场文书
餐饮食品安全责任书
2015/01/29 职场文书
2016公司新年问候语
2015/11/11 职场文书
2016应届大学生自荐信模板
2016/01/28 职场文书
详解CSS不受控制的position fixed
2021/05/25 HTML / CSS