Question

On an ExtJS grid, you can use reconfigure to programmatically change the store of the grid. Is there an equivalent for the paging toolbar?

I’ve looked through the ExtJS docs several times for the paging toolbar and there doesn’t seem to be a reconfigure or a setStore function, and there isn’t even a store property to set.

This is ExtJS 4 by the way.

Answer 1

Ext.toolbar.Paging has mixin Ext.util.Bindable. So, you just can to call bindStore method, and ExtJS 4.1 will do all other work itself. For example, I’ve edited paging.js in examples/grid folder, and add to grid following toolbar:

    tbar: [{
        text: 'switch to store 2',
        handler: function() {
            pager.bindStore(store2);
            grid.reconfigure(store2);
            store2.loadPage(1);
        }
    }]

It’s all you need to do. You can see online demo here.