Javascript 带有Combox项的Extjs 4.2分页工具栏

为什么这不起作用，什么都不做，它只是显示了带有store的组合框..但我的函数不起作用..：

 Ext.define('aw.grid.PagingToolbar', {
extend: 'Ext.toolbar.Paging',
alias: 'widget.custompaging',
displayInfo: true,
items: [
    {
        xtype: 'combobox',
        store: ['5', '10', '15', '20'],
        width: 50,
        queryMode: 'local',
        allowBlank: false,
        editable: false,
        triggerAction: 'all',
        maskRe: /[0-9]/,
        listeners: {
            init: function (paging) {
                debugger;
                var me = this;
                paging.on('afterrender', me.onInitView, me);
            },
            onInitView: function (paging) {
                var me = this;
                me.setValue(paging.store.pageSize);
                for (var i = 0; i < paging.items.length; i++) {
                    if (paging.items.items[i].xtype == 'tbfill') {
                        paging.remove(paging.items.items[i]);
                        paging.add(i, me);
                    }
                }
                me.on('select', me.onPageSizeChanged, paging);
                me.on('specialkey', function (combo, e) {
                    if (13 === e.getKey()) {
                        me.onPageSizeChanged.call(paging, me);
                    }
                });
            },
            onPageSizeChanged: function (combo) {
                var me = this;
                me.store.pageSize = parseInt(combo.getRawValue(), 10);
                me.doRefresh();
            }
        }
    },
    {
        xtype: 'button',
        text: 'x - Rows selected'
    }
]
});

---

这是在其他页面上使用的，但我不知道为什么我的函数不起作用，甚至调试程序也不起作用。：

您应该显示在网格上使用此分页工具栏类的位置。仅仅定义类并不意味着它实际上可以被任何东西使用。它有点复杂：在我的网格中，我使用dockedItems xtype:“custompaging”和dock:“bottom”…但是其余的代码非常长：-您需要设置pageSize:1来启用combobox中的分页，这可能会解决您的问题，但是侦听器周围有很多代码可能会否定您的努力，并且没有列出完整的代码。2.请参阅，这是我在学习如何使用AJAX、combobox和分页工具栏时写的一篇老文章，代码很有用。3.监听器中的所有分页代码都是必需的吗？它不是必需的。问题是，我需要在创建pagingtoolbar时，我的combobox应该从网格中的存储中获取pageSize？这有点复杂，我不知道怎么解释。。