一般在JS代码中这样设定store.load({params:{start:0,limit:20}})
下面的代码中还有个pageSize
var bbar = new Ext.PagingToolbar({
pageSize: 10,
store:bookStore,
displayInfo:true,
displayMsg:'第{0}条到{1}条,共{2}条',
emptyMsg:'没有记录'
});
那么pageSize和limit究竟有什么区别呢,其实limit后面的数据是页面刚加载上来显示的显示的当前页的查询条数,如果limit和pageSize值不同那么以后每次点击分页时显示的每页条数就是pageSize的值了,显然要保持一致了
我们后台代码中一般select * from tab limit #pageNo,#pageSize;这样的语句
那么我们就要知道#pageNo和JS中start的值的关系了,因为多次试验证明#pageSize就是JS上面的pageSize的值
如果在后台监控的话你会发现每次JS的start和pageSize有这么几种关系
start pageSize
0 20
20 20
40 20
60 20
80 20
经研究发现如果这样写逻辑代码就对了start=start/limit+1;为什么加一呢,因为SQL语句中limit 0,pageSiz和limit 1,pageSize效果一样
这样的话到页面第一页和第二页分页等于没有分,所以加一正好合适,搞定了
分享到:
相关推荐
ExtJS的GridPanel导出excel文件,方便快捷易懂!
EXTJS.GRIDPANEL中日期格式 设置
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号
详细介绍了EXTJS中gridpanel分页技术的解析
Extjs2.02 Gridpanel加载本地数组资源的实例,思路相当清晰。对初学者很有用
主要介绍了ExtJs中gridpanel分组后组名排序实例代码,有需要的朋友可以参考一下
NULL 博文链接:https://topbox163.iteye.com/blog/1276463
extjs 分页 从dao到action
我们开发项目的时候,有的时候左边的树结点很多,虽然说有extjs有异步,但还是有结点下面有时长达500个以上,甚至更多,这个时候用分页可以解决这个问题
Extjs 4.0 MVC分页实例
一个extjs的分页控件,就是可以选择一页显示多少条记录,该控件非常灵活,便于集成
extjs4.2 分页combo动态条数 源码,不懂的加群
NULL 博文链接:https://tonylian.iteye.com/blog/1735525
extjs增删改查分页树
配合以下博客使用 http://blog.csdn.net/wyx177694333/article/details/36896391
后来公司让改变一个Gridpanel的展现方式,要求实现滚屏的效果。于是我就开始找API相关的功能了。找了很久,也没有找到框架的相应控制方法,然后在网上找了很久,也没有找到有人给去示例,无奈就只能自己写JS来控制...
很多同事在用extjs grid做分页的时候,往往会想用grid的多选功能来实现导出Excel之类的功能(也就是所谓的多选记忆功能),但在选选择下一页的时候 上一页选中的已经清除 这是因为做分页的时候又向服务器请求了分页...
此文件用于项目首页内容,使用了ExtJs中的GridPanel
extjs 简单分页例子。 只有js文件 后台 代码自己可以采用 觉得好的技术实现。
本文为大家详细介绍下ExtJs如何设置GridPanel表格文本垂直居中,具体实现代码及截图如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助