ExtJS中GridPanel一次性加载500条以上数据(不分页),性能超级差,有时导致浏览器卡死!
2016-09-11 16:10
465 查看
ExtJS中GridPanel一次性加载500条以上数据(不分页),性能超级差,有时导致浏览器卡死!
博客分类: ExtJS浏览器EXTHTML
请问:GridPanel中想显示N条记录,不过不能够分页,而且第一次可能显示100条,然后慢慢的不停的向表格中添加数据(数据是先取出来,然后通过store.add方法添加进去的),一次可能添加100条,1000条.....,这样子,添加之后,浏览器都卡住了。所以不知道大家有没有好的方法呢?
自己使用:Ext.ux.grid.livegrid.GridPanel不过如果是先将数据取到,再添加的话,也不行。如果是远程通过url动态去取数据,就行。
现在放弃Ext.ux.grid.livegrid.GridPanel,还是使用Ext.GridPanel,并且如果store中的数据 < 50 条,那么不管是add,还是grid.getView().refresh()一点问题也没有。只要store.getCount() > 50 那么明显就能够体会到浏览器已经失去响应(卡住了),当gridview将store里面的所有记录都refresh完之后浏览器才正常响应。
试过放弃Ext.Grid,而直接使用html对应的table,不过对于tabel一次性的插入5000条以上的数据,性能也很差,浏览器同样卡死!
自己想过: 针对GridView局部刷新浏览器中用户可见区域,不过没有找到相关的实现方式(不修改Ext的源代码)
然后换了一种思路:Grid对应的Store里面只存放当前浏览器可视区域所能够容纳的记录条数,通过捕获对滚动条操作对应的事件,动态去修改store里面的记录,这样每次GridView.refresh()的时候,最多只能够refresh < 100条数据,所以相对来说可以提高性能,但是不同分辨率下面,GridPanel显示的记录数不一样,而且如果没有滚动条出现,那么连修改Store里面的数据的机会也没有了,所以这样子也没有局部刷新GridView的方式好控制!
相关文章推荐
- extjs combobox分页加载数据不显示
- extjs combobox分页加载数据不显示
- extjs combobox分页加载数据不显示
- 一次性加载数据,前端分页
- extjs combobox分页加载数据不显示
- Extjs Grid 加载数据.分页。传值,
- 【ExtJs】ExtJs下gridpanel中ComboBox数据动态加载问题
- ExtJS中从WebService获取数据保存到本地,填充GridPanel实现静态数据分页
- extjs combobox分页加载数据不显示
- extjs combobox分页加载数据不显示
- Extjs4.2 表格动态数据加载,以及动态选择分页条目,前后台详解
- 用Extjs实现分页自动加载数据的Ajax实现
- (24)ExtJS之表格加载远程数据及其分页显示
- extjs store load 加载数据参数和分页时参数设置
- extjs combobox分页加载数据不显示
- extjs combobox分页加载数据不显示
- asp.net mvc 2+ extjs 3站点有时获取不了数据,导致不稳定,求解
- 延迟加载解决offset过大导致的分页性能问题
- ASP.NET数据分页的多种实现方法及性能比较
- DevExpress的GridControl的实时加载数据解决方案(取代分页)