Firing an Event from a store to other components

[utkarshk.leeway]

Hi team,

i would like to know that how can i initiate an event from store itself to the other components who wants to listen as data in store changes or loads.
One possible solution i know is using application level events however i am not able to initiate any application level call from mystore.js file example code given below

Ext.define('NameSpace.store.myStore', {
    extend: 'Ext.data.Store',


    constructor: function(cfg) {
        var me = this;
        cfg = cfg || {};
        me.callParent([Ext.apply({
            autoLoad: true,
            storeId: 'someID',
            proxy: {
                type: 'ajax',
                url: 'http://www.someUrl.com',
                reader: {
                    type: 'json',
                    root: 'response'                        
                }
            }
        }, 
        cfg)]);
    },
   load: function()
    {
       this.application.fireEvent('storeisloaded');        
  }
});

i can handle events raised by any other component.

any input or suggestion is appreciated.

Regards
UT
Senior PHP Developer
Leewayhertz Technologies (http://www.leewayhertz.com)

[tobiu]

Components are not meant to listen to events of other components, that is the job of the controller(s).
I recommend to read this guide:
http://docs.sencha.com/ext-js/4-0/#!...n_architecture

If you really want to, you can fire events on components though (like myPanel.fireEvent('foo')), but this messes up your code.

[utkarshk.leeway]

Thanks for your quick help.

[mitchellsimoens]

Please note that this.control uses ComponentQuery and not everything is a component... Store is not a component. Anything that eventually extends Ext.Component can be used in conjunction with ComponentQuery.