javascript - 无限滚动网格和 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