在使用数据存储的extjs上分页

Question

我在设置分页时遇到问题。

使用以下示例。

http://docs.sencha.com/ext-js/4-0/#/guide/application_architecture

我在一个单独的文件中创建了一个商店。

即/app/store/tasks.js

app / store / tasks.js

Ext.define('AM.store.Tasks', {
    extend: 'Ext.data.Store',
    model: 'AM.model.Task',
    autoLoad: true,
    pageSize: 2,
    proxy: {
        type: 'ajax',
        api: {
            read: '/WarehouseProductImport/IndexGrid',
            update: 'data/updateTasks.json'
        },
        reader: {
            type: 'json',
            root: 'tasks',
            totalProperty: 'total',
            successProperty: 'success'
        }
    }
});

在我的app.js

中

  launch: function () {
        Ext.create('Ext.container.Container', {
                width: 950,
                height: 500,
                renderTo: 'panelcontainer',
                items: [
                    {
                        xtype: 'tasklist',
                        title: 'Tasks',
                        html: 'List of tasks will go here'
                    }
                ],
                 dockedItems: [{
               xtype: 'pagingtoolbar',
               store: '',   // how do i get this store as it's define in 'store/task.js'
               dock: 'bottom',
               displayInfo: true
            }]
        });
    }

在上述方法中，“store”未初始化。我把这种方法放在正确的位置。有没有关于如上所述分隔商店时如何设置分页的示例。