在嵌套列表中列出分页

Question

是否可以在嵌套列表中使用List Paging Plugin？当我直接放置代码时，应用程序将不再起作用。

我的代码：

requires: ['Ext.field.Search','Ext.Toolbar','Ext.plugin.ListPaging'],
    config: {
        store: 'CatalogStore',
        plugins: [
            {
                xclass: "Ext.plugin.ListPaging",
                autoPaging: true
            }
        ],

我的商店：

Ext.define('Catalog_Demo.store.CatalogStore', {
    extend: 'Ext.data.TreeStore',
    requires: ['Catalog_Demo.model.CatalogModel'],
    config :{
        model: 'Catalog_Demo.model.CatalogModel',
        proxy: {
            type: 'ajax',
            url: 'enter code hereosc_demo.php',

            reader:{
                type: 'json',
                rootProperty: 'categories'
                }
            },
        pageSize: 2,
        autoLoad: true,
    }
});

显示以下错误

  

未捕获的TypeError：无法调用未定义的方法'getScroller'   ListPaging.js：114

有原因吗？

Answer 1

您必须将插件配置放在嵌套列表的listConfig中。所以你发布的代码片段会变成这样的东西：

requires: ['Ext.field.Search','Ext.Toolbar','Ext.plugin.ListPaging'],
config: {
    store: 'CatalogStore',
    listConfig: {
            plugins: [
            {
                xclass: "Ext.plugin.ListPaging",
                autoPaging: true
            }
        ],       
    }
}