CODEWITHSUNDEEP
extjsextjs4
Tania Ang
Tania Ang

Reputation: 11624

ExtJS Grid with Remote Buffered Store Fails to Render First Page

ExtJS version: 4.1.0

I have an infinite-scrolling grid with remote buffered store declared as follows:

Ext.define('App.store.UserGridStore', {
    extend: 'Ext.data.Store',
    autoLoad: true,
    buffered: true,
    pageSize: 30,
    leadingBufferZone:60,
    trailingBufferZone:60,
    scrollToLoadBuffer:20,
    numFromEdge:20,
    clearOnPageLoad:false,

    isSortable: true,
    remoteSort: true,
    proxy: {
        type: 'ajax',
        url: 'Service/data',
        reader: {
            type: 'json',
            root: 'data',
            noCache: true,
            successProperty: 'success',
            totalProperty: 'total'
        }
    }
});

On a page with a few pages of rows, when a user scrolls down all the way and then back up to page 1, the grid re-renders all pages except for page 1 (for which it just shows blank space).

The store appears to correctly fire a query to my backend service and the service returns the correct data. However, the data is not rendered on the grid.

Any pointers to solve this issue? Thanks.

Upvotes: 3

Views: 2952

Answers (1)

Tania Ang
Tania Ang

Reputation: 11624

This problem went away after I set pageSize to a much larger number (300). It probably happened because the store couldn't handle too many AJAX calls due to the low pageSize (30).

Upvotes: 3

Related Questions