无限滚动网格和MVC

Question

假设我们遵循一篇原创文章http://www.sencha.com/learn/the-mvc-application-architecture，并拥有这样的存储：

Ext.define('AM.store.Users', {
    extend: 'Ext.data.Store',
    model: 'AM.model.User',
    autoLoad: true,

    proxy: {
        type: 'ajax',
        url: 'data/users.json',
        reader: {
            type: 'json',
            root: 'users',
            successProperty: 'success'
        }
    }
});

我们决定实现一个无限滚动的网格。为此，我们需要删除autoLoad: true并手动调用store.guaranteeRange(...)。

那么，最好的地方是什么呢？

Answer 1

Ext.define('AM.store.Users', {
    extend: 'Ext.data.Store',
    model: 'AM.model.User',
    autoLoad: true,
    remoteSort: true,
    buffered: true,
    pageSize: 100,
    proxy: {
        type: 'ajax',
        url: '/postdata/list',
        limitParam: 'size',
        startParam: undefined,
        reader: {
            type: 'json',
            root: 'data',
            successProperty: 'success'
        }
    }
});

在这里演示http://ext4all.com/post/extjs-4-1-grid-infinite-scroll-in-mvc

Answer 2

渲染栅格的位置。您可以覆盖afterRender()方法，或者如果它是模式网格/对话框-在呈现它之前加载存储。

附注(我想指出的是，对于所有商店，autoLoad通常都是false：

• 如果您要在应用程序中使用任何身份验证，则必须在所有商店上禁用autoLoad。
• 如果你有更多的商店(比如5-10+?)强烈建议您也将其禁用。您不希望在应用程序启动时同时加载所有这些应用程序。
• 通常，您需要确保在加载存储之后发生了某些事情，然后再次禁用autoLoad，订阅load事件并手动加载存储。