Grid with autoload store did not reflect the paging toolbar when first loaded

Hi All,

I am working with Ext JS 5.0.1 and I just encountered one grid related issue. Any help would be appreciated.

1. A gridpanel in the View with a binding store from ViewModel.

2. A pagingtoolbar docked on the bottom of the grid and shares the same binding store from ViewModel.

3. Store definition in ViewModel with below config

Code:

            autoLoad: true,
            params: {
                page: 1,
                start: 0,
                limit: 6
            },
            pageSize: 6

4. Everything worked great with auto load and pagination.

The ISSUE I have

Paging tool bar did not display the correct paging info after page loaded at the first time. It just said Page 0 of 0.

My Solution

Added a button called Load. Follow the below code handled in the ViewController and it worked great.

Code:

        var grid = this.getReferences().customerGrid,
            store = grid.getStore();


        store.load();

The Answer I want

How to make the paging tool bar work with the auto load config and without the manual loading?



Grid with autoload store did not reflect the paging toolbar when first loaded