sorting - ExtJs - 基于远程数据的分页和缓冲网格，没有远程分页和过滤

Question

在 ExtJs 中，远程数据可以很容易地显示在分页网格中。但要做到这一点，服务器端必须支持分页。此外，分页网格中的本地排序和过滤没有用，因为它只过滤当前页面的元素。为了获得一致的结果，需要远程过滤和排序。对于无限滚动网格中的缓冲存储，同样适用。

但这并不总是正确的解决方案。特别是当远程数据检索需要一些时间时，过滤的用户体验会下降。我们也不能使用 javascript 函数来过滤或排序。

一个解决方案是让 ExtJs 一次读取所有数据，并使用该数据的本地副本来过滤和排序数据。我们需要一个用于整个数据集的中间存储，以及链接到网格以显示数据的主存储。但这需要主代理将中间存储作为数据源，据我所知，代理不能将另一个存储作为数据源。

有人知道如何解决这个问题吗？我不确定草拟的解决方案是否可行，但我需要以某种方式协调拥有远程 .json 数据源并使用本地分页、过滤和排序。

我怎样才能做到这一点？

score 2 · Accepted Answer

虽然标题表达了对ExtJs 的真正关注——基于远程数据的分页和缓冲网格，没有远程分页和过滤，但问题的细节具有误导性。

事实上，可行的解决方案是：不要使用buffered商店，而是使用Bufferedrenderer.

BufferedRenderer只影响陈列，不影响店铺运作方式。

Sencha 博客上对 BufferedRenderer 有很好的解释

限制： 本地排序和过滤只能实现无限滚动解决方案。必须始终在服务器上完成分页（据我所知）。而远程分页也意味着远程过滤和排序。

score 1 · Accepted Answer

这个问题不是很清楚。但我认为您想从远程服务器加载所有数据，并且需要本地过滤和分页。这应该可以通过扩展 pagingMemoryProxy 实现。http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.ux.data.PagingMemoryProxy

检查此示例是否相同。

score 1 · Accepted Answer

如果您不需要与服务器进行任何后续集成（例如，添加记录、编辑记录等），您始终可以使用从常规 Ext.Ajax.request() 检索的数据加载存储。一旦你用检索到的数据加载了你的商店，那么本地过滤/排序肯定会起作用。

但是，我建议不要这么快放弃服务器端。您是否研究过任何可以优化性能的缓存解决方案或其他选项？尽管您所概述的移交数据方法将起作用，但这样做的代价是远程感知存储和代理可以为数据管理带来的其他好处。

score 1 · Accepted Answer

@Lorenz：使用http://docs.sencha.com/extjs/4.2.0/source/PagingMemoryProxy.html#Ext-ux-data-PagingMemoryProxy并在代理中设置您的远程数据，例如。store.getProxy.data = //json 数据并使用 store.load 加载存储，ext-4.2.1.883\examples\locale\multi-lang 可能是一个很好的例子。

score 1 · Accepted Answer

这个线程在实现本地排序、过滤和分页方面帮助了我很多。

您可以使其可配置，以便在需要时从服务器加载数据。通过在存储加载之前删除 lastOptions 。

score 0 · Accepted Answer

当您使用 loadRawData 加载存储时，使用 Ext.Ajax 和内存代理分页似乎在 4.2.1 中不起作用

6 回答 6