How to find out from the Grid that Store is loaded

[whalethewise]

Hi

Store.load() is asynchronous. We need to do some actions within Grid after store is loaded.

Is there any ways for Grid to know that Store is loaded?

Thanks

[davidcfox]

Have you tried listening for the "viewready" event and then performing your actions? I believe that this event is fired late enough that there is data in the store. They state in the documentation that this is the event you would listen for if you were wanting to select a default row. Here is the link to the viewready documentation for the grid panel: http://docs.sencha.com/ext-js/4-0/#!...vent-viewready

[netemp]

Store.load() is asynchronous. We need to do some actions within Grid after store is loaded. Is there any ways for Grid to know that Store is loaded?

The actions which you want to perform after loading of store can be called in the 'load' event of store (you can define this in the listeners of store). For more details - http://docs.sencha.com/ext-js/4-0/#!/api/Ext.data.Store-event-load

One other way of checking if the store has loaded or not is by using store.isLoading() - http://docs.sencha.com/ext-js/4-0/#!...thod-isLoading

[whalethewise]

The actions which you want to perform after loading of store can be called in the 'load' event of store (you can define this in the listeners of store). For more details - http://docs.sencha.com/ext-js/4-0/#!/api/Ext.data.Store-event-load

One other way of checking if the store has loaded or not is by using store.isLoading() - http://docs.sencha.com/ext-js/4-0/#!...thod-isLoading

Yes, it can be called from store.load() event. But Store doesn't know about its grids. You can get store from grid but not grid from store. It would be nice if Grid had some kind of 'load' event fired when grid's store is loaded.

[mitchellsimoens]

In the Grid, listen for the Store's load event. If you need to do something on the Store that you need access to the Grid, then in that load listener, pass the instance of the Grid.

[whalethewise]

Just to clarify, 'load' event from store bubbles up to 'grid'? And would you please give quick code example for 'then in that load listener, pass the instance of the Grid.' ?

Thanks
Paul

[skirtle]

Ext.create('Ext.grid.Panel', {
    initComponent: function() {
        this.callParent();

        this.mon(this.getStore(), 'load', this.storeLoaded, this);
    },

    storeLoaded: function() {
        ...
    }
});

[whalethewise]

Can't mark two answers as best but thank you very much both of you

Paul