在网格面板上分页（extjs）

Question

I am following the code in the link below to page data on a Ext.grid.Panel without success. Data is rendered altogether in the panel without paging. Apparently, the paging toolbar has no data to display but it is correctly configured to the store that has the data and it is hanging as an item of the grid.

I have copied the exact configurations of store and grid from the example below but nothing happened. Why is the data not being paged?

http://jsfiddle.net/jardalu/TE4ah/

This is my store which is linked to the grid and the paging toolbar:

constructor: function(cfg) {
    var me = this;
    cfg = cfg || {};
    me.callParent([Ext.apply({
        pageSize: 50,
        remoteSort: true,
        storeId: 'Users',
        autoLoad: false,
        model: 'AICWeb.model.User',
        sortOnLoad: false,
        proxy: {
            type: 'ajax',
            type: 'localstorage',
            simpleSortMode: true,
            reader: {
                type: 'xml'
            }
        },
        sorters: {
            property: 'email'
        }
    }, cfg)]);
}

Answer 1

If you are using localstorage you need to implement the PagingMemoryProxy . This should be the only type on the proxy config, and enable the paging config:

    proxy: {
        type: 'pagingmemory'
        enablePaging: true,
        ...
    }