extjs4 解决添加或查询grid列表后，pagingtoolbar不更新的问题

ExtJS Grid 分页技巧
最新推荐文章于 2017-03-29 10:54:30 发布
原创 最新推荐文章于 2017-03-29 10:54:30 发布 · 865 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了在ExtJS中如何使grid列表在添加或查询记录后返回到第一页的正确方法。当使用store的load方法时，直接设置参数无法达到目的。文章提供了有效的解决方案：通过调用store.loadPage(1)来实现。


应用场景：当前页非第一页的grid列表下： 添加记录、查询记录后，获取新的store后需要grid列表跳转回第一页


这种写法是没用的：store.load({ params: { start: 0,page:1}});   对分页控件pagingtoolbar没有作用



解决方案是：


使用


store.loadPage(1);


替换


store.load()


[ExtJS 6]Grid分页工具栏无效问题解决
oscar999的专栏
08-21 1029
前情描述： Ext JS中，Grid上可以使用tbar或bbar等添加分页的工具栏。一般状况下，该分页工具栏可以和该Grid的Store自动绑定，也就是可以自动显示笔数、页数等信息。 在Grid中添加的代码如下： tbar:{ xtype: ‘pagingtoolbar’, displayInfo: true } 问题描述： 如果在tbar中添加除’pagingtoolbar’的其他按钮之后，分页...
extjs 学习笔记 四 带分页的grid
12-09
extjs也不例外，它对分页也提供了强大而方便的支持，使得我们在分页处理上可以得心应手。 在extjs中，类Ext.PagingToolbar封装了关于分页的操作，该类从Toolbar继承而来，单从名字上看，我们也猜得出这是一个能够...
extjs from,grid,pagingToolbar,store的使用，及分页
mcyuanmei的专栏
09-18 263
extjs4   相信很多人在用from对grid动态查询时，都遇到过pagingtoolar分页不更新的问题，我也是翻了好多次api,搜索了好多次，试用了好多次，终于找到了解决办法，希望对大家有用。   在下面的代码中，可以直接拷到页面中用，但需要改几个地方： 1.form中的items 2.proxy的url 3.fields的field 4.grid的columns 5....
GridPanel OnRefreshData PagingToolBar 不调用刷新方法的解决方法
dugucike的专栏
09-13 2788
遇到一个非常奇怪的问题：就是GridPanel与Store联合使用时,Store有一个刷新数据的方法，OnRefreshData，调用服务器端的protected void RefreshData(object sender, StoreRefreshDataEventArgs
解决ExtJs分页grid中load数据为空时不能刷新 Ext.PagingToolbar信息的问题
独 coding 乐不如众 coding 乐
05-13 4519
解决ExtJs分页grid中load数据为空时不能刷新Ext.PagingToolbar信息的问题问题描述:      在extjs2.0的grid中,要根据不同的查询条件展示不同的数据,在第一次查出数据后显示在grid中,而在修改查询条件后,查询到的数据为空,这时在grid中前没有刷新,还是显示的第一次查询结果.而需求认为此时应该清空列表,并刷新下面的上下页导航条
(转)解决ExtJs分页grid中load数据为空时不能刷新Ext.PagingToolbar信息的问题
lovehmj的专栏
04-12 3361
问题描述:      在extjs2.0的grid中,要根据不同的查询条件展示不同的数据,在第一次查出数据后显示在grid中,而在修改查询条件后,查询到的数据为空,这时在grid中前没有刷新,还是显示的第一次查询结果.而需求认为此时应该清空列表,并刷新下面的上下页导航条. 解决办法:     在extjs的api中只提供了对store.removeAll()的方法,而对Paging
Ext JS PagingToolbar 组件
08-08
Ext.PagingToolbar运行时不能动态设置每页条数的功能,此控件就可以实现这些功能，包含下拉选择分页条数和滑动选择分页条数
ExtJS学习：掌握带分页功能的Grid与PagingToolbar实现
在ExtJS的学习笔记中，第四部分着重讨论了如何在Grid控件中实现带分页的功能。ExtJS作为一款强大的JavaScript框架，其Grid控件内置了对分页的高效支持，这对于处理大量数据展示尤其实用。本文主要讲解了如何使用Ext....
extjs grid
11-06
4. **分页**：Grid可以通过`pagingToolbar`组件实现分页，方便浏览大量数据。分页配置包括`pageSize`、`store`和`displayInfo`等。 5. **排序**：EXTJS Grid支持单列或多列排序，只需点击列头即可改变排序顺序。...
Extjs4 Grid分页与自动刷新
03-18
### Extjs4 Grid分页与自动刷新 #### 一、Extjs4 Grid 分页功能实现 在使用Extjs4进行Web应用开发时，Grid控件是常用的数据展示组件之一。对于大数据量的情况，通常需要使用分页来提高用户体验。下面详细介绍如何...
Extjs 解决grid分页数据不变
jazywoo_在路上
08-21 4275
在使用分页时，前天代码基本没错，但是分页就是不成功，而是一直是不变化，全部加载 原因是没有搞懂怎么分页的 Extjs分页是根据 store.load({params:{start:0,limit:10}}); 中start，limit这两个参数来进行分页的。 start表示开始记录数，limit表示一页的记录数。  当store第一次load的时候，start=0，limit=10；
Extjs PagingToolbar 前台数据更新
jiajiafucs的专栏
12-12 283
前台grid删除数据后，不想重新load查询一遍，就store.remove()，但发现工具条的条数没有改变；发现是store的条数没有改变 更改[code="java"] store.totalLength = store.getTotalCount()-删除的条数;//更改删除后剩余条数 pagingToolbar.updateInfo();//更新分页工具栏显示信息 [/code] ...
EXTJS4.0 MVC 模式下 表格grid的两种更新方式
jhenjhem的专栏
04-27 1134
1、在controller层创建一个新的store，配置好store，再讲表格原先的store覆盖，再重新加载一次store，代码如下：          var store = Ext.create('Ext.data.Store', {                          model : "EDU.model.employeeModel",
Extjs中PagingToolbar的使用
vickyfei的专栏
12-09 6631
出处：http://www.cnblogs.com/mylem/archive/2010/11/05/1870270.html  下面以一个实例，简单说一下这个控件的使用方法：  这个例子以服务器向客户端传递的数据为json格式的方式来说明，这也是绝大多数应用中所使用的方法，  一个分页应用中一般需要几个参数：  pageSize:一页中显示多少条记录；  curPa
ext分页grid能显示数据，但pagingtoolbar不能得到数据，问题解决
jinyulong84的博客
03-29 1637
store 文件代码:Ext.define('TEST.store.List',{ extend: "Ext.data.Store", model:'TEST.model.List', pageSize: 15, proxy: { type: 'ajax', url: 'server/testPage4.json'
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值