listview - Sencha 触摸列表分页 : limit number of record of the store

Question

我在我的应用程序上使用 Sencha Touch List ( xtype: list ) 和 listPaging 插件。
通过设置autopaging: true，它就像创造无限效果的魅力一样。 .

但是，我的问题是，如何将商店(或列表中的行)的记录保留为某个数字，例如 50 条记录。

因此，当用户向下滚动时，自动加载下一页，同时删除上一页(当前)页面，向上滚动时加载上一页。

目标是限制商店的记录数量，因为如果全部加载(通过继续向下滚动)，它会使设备崩溃(在 Ipad 上测试)。

这是有道理的，我在 db 上有 40k 条记录。

Answer 1

昨天我正在做这样的事情，但只有下一个功能。

您可以覆盖动态加载新页面的方法。是 loadNextPage() 并在请求下一页之前添加 store.removeAll() 。

在您的 list 中:

plugins: [
    {
        type: 'listpaging',
        autoPaging: true,
        noMoreRecordsText: null,
        loadMoreText: null,
        loadNextPage: function() {
            var me = this;
            if (!me.storeFullyLoaded()) {
                me.getList().getStore().removeAll();
                me.getList().setMasked(true);
                me.getList().getStore().nextPage({ addRecords: true });
            }
        }
    }
]

这仅适用于 下一个 , 对于 来说可能稍微复杂一点上一页 但也许这可以提供一个想法。可能会在列表顶部添加另一个 cmp 触发 store.previousPage()

希望能帮助到你-