Extjs MVC - setting up store events in controller

Question

I have a requirement in my application where in I need to show the UI components(like text field, combo box) based on the values i get from the server side. To be precise, I have a combobox on the page, when the user changes the values i need to send the selected value to server to get information on what needs to be displayed. Without using MVC i implemented it as below

When the user changes the value in the combobox, i refresh(using load method) another store
When i get the data back from the server('datachanged' event) i read the data and create the UI components

Now I am trying to use ExtJS MVC, so i have two questions

How do I access a store which is associated to a controller but not necessarily to any UI components from the view
How can I setup the events of a store in the controller(in the control function) just like we setup events from view

Code i want to setup events from Store like 'datachanged' in controller like below -

this.control({
    'viewport > #content-panel' : {
        render : this.createMainTabs
     }
});

Andrey Selitsky Andrey Selitsky · Accepted Answer · 2012-03-01T07:53:16

In addition to sha's reply I can say that you may setup your store eventhandlers in your controller. For example you have a combobox with a store, so you could write like this:

this.control({
    '#myCombo' : {
        afterrender : this.setupStoreListeners
     }
});

....

setupStoreListeners: function(combo){
    var store = combo.store;
    store.on('datachanged', //.....);
}

And one more thing, as sha wrote you could always get store by name, but I use this only when I need to share a store instance between multiple controllers. If I need this store only in one controller, I just save it inside this controller:

setupController: function(){
   this.myStore = this.getCombo().store; // now you could use this.myStore anywhere you need

}

Extjs MVC - setting up store events in controller

2 Answers