ExtJS MVC defer control until grid is loaded

Question

I have a textbox and a grid in ExtJS 4.0.7. I'd like to input something in the textbox and update the grid on change. Using this snippet in the controller

init : function() {
    this.control({
        'filter' : {
            change : function(current, previous, eOpts) {
                console.log(this.getMyGrid());
            }
        }

My grid is not yet defined when the change event first fires. How can I work around that -- ideally I'd like to load the 'filter' textfield last?

score 0 · Answer 1 · answered Oct 11 '12 at 07:58

0

One can work on the store directly, and any changes to the store will be visible in the grid as well. So instead of getting the grid, the trick is to work on the store directly:

this.getStore('GridDataStore')

answered Oct 11 '12 at 07:58

ipavlic

4,906
10
40
77

ExtJS MVC defer control until grid is loaded

1 Answers1