Question

I am using PagingToolbar to filter my result search, I want do display 20 result per page, but in my grid still display all records.

The bbar in my grid

bbar: Ext.create('Ext.PagingToolbar', 
store: store,
pageSize: 20,
displayInfo : true,
plugins: Ext.create('Ext.ux.ProgressBarPager', {})
}),

My Store

Ext.define('Mystore', {
extend: 'Ext.data.Store',
model: 'Mymodel',
pageSize: 20,
autoLoad: true,
remoteSort: true,
proxy: {
    type: 'rest',
    url: 'search',
    reader: {
        type: 'json',
        root: 'root',
        idProperty: 'id'
    },
    writer: {
        type: 'json',
        writeAllFields: true
    }
}

});

Anybody could help me ??
Thanks.

Answer 1

Your /search REST service that provides the data for the store needs to support the start, limit, and/or page parameters so that the store can request a single page of results at a time.

To support the limit parameter, your service must limit the number of returned results to no more than the count specified in that parameter. You’d typically implement that by passing the limit value through to the database query you’re using to provide the results.