Extjs PagingToolbar下拉框分页插件 Ext.ux.ComboPageSize

Ext.define('Ext.ux.ComboPageSize', {
    requires: [
        'Ext.form.field.ComboBox'
    ],
    pageSizes: [10, 25, 50, 100, 200],   
    constructor : function(config) {
        if (config) {
            Ext.apply(this, config);
        }
    },
    init : function(pbar){
        var combo,
            me = this;
        combo = Ext.widget('combo', {
            width: 70,
            editable: false,
            store: me.pageSizes,            
            listeners: {
                change: function (s, v) {                    
                    pbar.store.pageSize = v;
                    pbar.store.loadPage(1);
                }
            }
        });
        pbar.add(0, '-');
        pbar.add(0, combo);
        combo.setValue(pbar.store.pageSize);
    }
});

引用方法

me.bbar = Ext.create('Ext.PagingToolbar', {
            store: me.store,
            displayInfo: true,
            plugins: Ext.create('Ext.ux.ComboPageSize', {})
        });