EXT PagingToolbar分页中，修改start,limit默认参数名

最新推荐文章于 2021-07-30 15:42:11 发布
最新推荐文章于 2021-07-30 15:42:11 发布
阅读量5.8k 收藏
点赞数
分类专栏： ext 文章标签： ext PagingToolbar 分页 start limit 参数名称修改
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cwlacxm/article/details/50403766
版权

最近在搞ext分页，但是我后台封装了前台传递的参数，如下图。


后台：

DayPassOrgiTransDTO封装模型：


Page分页类：




前台：




如上图所示，我们都知道，当点击图中“下一页”的按钮图标时，会触发Store对象的load方法，并且会把start,和limit参数传递到后台，但是我后台是封装了start，limit参数的，所以必须要用“对象+'点'+start”这种对象点属性的方式传递，因此我必须要改变load时传递的默认参数名，这个问题查了很多资料，没什么效果，折磨了许久终于找到了解决办法，如下图：




在你的Store对象里面添加beforeload监听，把paramNames中的参数名：start,limit，改成你对象点属性就可以了



我的不解：我查了api，store对象里面根本就没有paramNames属性，继承的类里面也没有，我很郁闷，如果有大神知道原因，望告知。下图为api(太忙，为了省时间，所以没贴代码，用的图，望谅解)


A-小孩
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Ext grid 分页实例源码
06-10
Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码
ExtJS 自定义分页控件---- PM3PagingToolbar.js
10-28
非传统分页工具. 简单说明下: 显示第一页与最后一页. 显示当前页对称的前后几页(可以自定义显示多少页). 其它的页码省略. 点击省略号， 省略号隐藏, 显示一个与省略号相同宽度的页面跳转转入框. 整个设置还比较智能. 在 ExtJS3.3基础上开发的. 低一点的版本应该也能用. 没有去测试. 参考: Ext.PagingToolbar.js 如有BUG还请各位提出或留言. 附件中有图片, 一看就知道. 用法: var grid = new Ext.grid.GridPanel({ bbar: new Ext.PM3PagingToolbar({ store : store, displayInfo : true, displayMsg: '显示 {0} - {1} 行 总数 {2} 行', emptyMsg : '没有数据显示' }) }); store必须设置 baseParams 的 limit 的值.
Ext JS PagingToolbar 组件
08-08
Ext.PagingToolbar运行时不能动态设置每页条数的功能,此控件就可以实现这些功能，包含下拉选择分页条数和滑动选择分页条数
extjs 分页是碰到的问题，点击下一页事，查询条件无法传递
02-13
extjs的pagingtoolbar 点击下一页时，出现store的load时间，但是只有start和limit这两个参数，这样就出现了，点击下一页的时候，查询出 的结果和条件不符合。虽然可以通过一次性查出所有记录的方法解决，但是我更喜欢这样的方法……
extjs 学习笔记 四 带分页的grid
12-09
因此，现在几乎所有的grid控件都会支持分页功能。extjs也不例外，它对分页也提供了强大而方便的支持，使得我们在分页处理上可以得心应手。 在extjs中，类Ext.PagingToolbar封装了关于分页的操作，该类从Toolbar继承而来，单从名字上看，我们也猜得出这是一个能够处理分页的工具栏。好吧，那我们就来看看如何构造这样一个工具栏吧。PagingToolbar类的构造函数需要一个json对象来进行配置，在js中，使用json对象来提供所需参数非常方便，这样使得我们可以只填写感兴趣的参数，并且不必关心参数的顺序。我们的分页工具栏常用的配置参数包括： pageSize：每页显示的记录数，
extjs使用pagingtoolbar时，点击下一页，出现查询结果和查询条件不的解决办法
02-13
extjs的pagingtoolbar 点击下一页时，出现store的load时间，但是只有start和limit这两个参数，这样就出现了，点击下一页的时候，查询出 的结果和条件不符合。虽然可以通过一次查处所有符合条件的记录，然后根据传入的条件筛选的方法，但是我更喜欢这样～
mysql分页查询语句
liuyong0507的博客
06-07 1896
分页需求： 前端通过传递start(页码)，limit(每页显示的条数)两个参数去分页查询数据库表中的数据，MySql数据库提供了分页的函数limit m,n，其中m的参数是从第几条记录开始，n是每页的记录数例如10条： 需求就是查询第一页的数据：select * from table limit (1-1)*10,10; 需求就是查询第二页的
ExtJS 修改load paging时的参数
weixin_30815427的博客
06-05 113
ExtJS 的pagingToolbar 在翻页的时候传入的参数是固定的 分别是start 和 limit(其中limit的值就是store.pageSize的值) 如何在每次翻页的时候传入自己的参数呢？ 这涉及到两点， 一个是获取到翻页时本身的参数， 第二是根据已有参数拼成自己的参数。 实际上 store本身有两个属性currentPage 和 pageSize var c...
解决移动端无法监听页面刷新或关闭（beforeunload无效）问题
weixin_44431295的博客
08-08 9367
解决移动端无法监听页面刷新或关闭（beforeunload无效）问题 背景 最近公司要更新一下官网，由于时间问题，决定采用vue来开发，由于vue刚刚使用不久，小白一个，期间遇到不少坑，关于页面刷新导致vuex（store）里面的数据消失问题尤为头疼，说一下自己的解决方案。 解决思路 通过监听页面刷新或者关闭来将vuex里面的数据保存到sessionStorage里，在页面加载时读取session...
为Extjs PagingToolbar增加自定义参数
让我们手牵着手一起远行...
08-18 1067
1 this._pgt = new Ext.PagingToolbar({ 2 pageSize : 15, 3 store : this._store, 4 displayInfo : true, 5 displayMsg : '第{0} 到 {1} 条数据 共{2}条' 6 }); 7 this._pgt.on("beforechange", this
EXTJS3 Ext.PagingToolbar() 快捷键应用
08-02
NULL 博文链接：https://sonckchi.iteye.com/blog/1958861
Extjs TreeStore+pagingToolbar 分页
04-12
NULL 博文链接：https://fuyu365-163-com.iteye.com/blog/1703697
启动云服务器出错了,腾讯云服务器启动lightdm遇到“Active: failed (Result: start-limit)”错误解决方法...
weixin_32637935的博客
07-30 5210
我在腾讯云服务器上安装图形界面，在启动lightdm时失败了：[root@VM_0_11_centos gdm]# systemctl start lightdm[root@VM_0_11_centos gdm]# systemctl status lightdm● lightdm.service - Light Display ManagerLoaded: loaded (/usr/lib/sy...
centos7 systemctl start docker 失败 start-limit 解决方案
sinat_30228861的博客
05-18 1万+
centos7 systemctl start docker 失败原因和解决方案原因：解决方法： [root@localhost ~]# systemctl start docker Job for docker.service failed because the control process exited with error code. See "systemctl status dock...
kubelet启动失败 ——— Active: failed (Result: start-limit)
yjk13703623757的博客
08-19 9287
问题 kubelet启动失败 ——— Active: failed (Result: start-limit)。 # systemctl status kubelet ● kubelet.service - Kubernetes Kubelet Server Loaded: loaded (/etc/systemd/system/kubelet.service; enabled; vendor preset: disabled) Active: failed (Result: start-li
腾讯云服务器启动lightdm遇到“Active: failed (Result: start-limit)”错误解决方法
热门推荐
fangeqin的博客
04-04 2万+
我的云服务器实例类型是标准型SA1，centos 7.5 64位系统。 [root@VM_0_11_centos gdm]# systemctl start lightdm [root@VM_0_11_centos gdm]# systemctl status lightdm ● lightdm.service - Light Display Manager Loaded...
获取不到Extjs中分页参数start,limit的原因
花生壳的专栏
08-25 5366
工程中有一个JS页面var gridmain = new Ext.grid.GridPanel({   region : center,    ds : ds1,   cm : cm1,   id : testd,   title : test,   border : true,   // stripeRows : true,   viewConfig : {    forceFi
多图表实现员工满意度调查数据分析python
最新发布
04-22
员工满意度是指员工对于工作环境、待遇、职业发展和组织管理等方面的满意程度。它是衡量员工对工作的整体感受和情绪状态的重要指标。
Extjs 通过分页代码，以及具体属性含义
06-06
在ExtJS中，可以通过分页控件（PagingToolbar）来实现分页加载数据。以下是一段示例代码： ```javascript var store = Ext.create('Ext.data.Store', { fields: ['name', 'age', 'gender'], pageSize: 10, // 每页显示的记录数 proxy: { type: 'ajax', url: 'data.json', // 数据源地址 reader: { type: 'json', rootProperty: 'data', // 数据源中的记录数组名 totalProperty: 'total' // 数据源中的记录总数名 } }, autoLoad: true // 自动加载数据 }); var grid = Ext.create('Ext.grid.Panel', { title: '用户列表', store: store, columns: [ {text: '姓名', dataIndex: 'name'}, {text: '年龄', dataIndex: 'age'}, {text: '性别', dataIndex: 'gender'} ], bbar: Ext.create('Ext.PagingToolbar', { store: store, displayInfo: true, displayMsg: '显示第 {0} - {1} 条记录，共 {2} 条', emptyMsg: '没有记录' }) }); ``` 其中，store是数据仓库，proxy是数据源代理，pageSize是每页显示的记录数，autoLoad表示是否自动加载数据。PagingToolbar是分页控件，store是数据仓库，displayInfo表示是否显示记录信息，displayMsg是显示记录信息的格式，emptyMsg是没有记录时显示的提示信息。 在数据源代理中，通过reader的配置可以指定数据源中的记录数组名和记录总数名，以便正确地加载数据和进行分页。 以上是一份简单的示例代码，仅供参考。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值