title: Ext JS 4 - understanding this.control, selectors and event handling
body: <p>I am trying to understand in Ext JS 4 (MVC) how event handling on buttons, comboboxes and similar work. </p>
  
  <p>Specifically, I believe in MVC we are supposed to be using "this.control" in the controller init function.</p>
  
  <p>For example, I have the following working:</p>
  
  <pre><code>this.control({
      'eventlist': {
          itemdblclick: this.eventRowClicked
      },
      'eventedit button[action=save]': {
          click: this.updateEvent
      }
  });
  </code></pre>
  
  <p>Seems straightforward, I am selecting the 'eventlist' view and registering for an eventRowClicked event for the grid.    Then, in my 'eventedit' view, trapping for a button click (the save button).</p>
  
  <p>What I need next, is to respond to a combobox select or change event.  I have multiple comboboxes in my view, so I need a specific one.</p>
  
  <p>I tried this, but it did not work (I also tried select instead of change):</p>
  
  <pre><code>'eventedit dispositionpop': {
      change: function(combo, ewVal, oldVal) {
          debugger;
      }
  }
  </code></pre>
  
  <p>All the examples I can find do not use 'this.control', they either grab the component (Ext.get?) in to a variable, or similar.   I believe those methods are not proper mvc - or possibly not the most efficient way for Ext JS 4.</p>
  
  <p>So the two things I want to know - how would I register for a specific combo box select or change event, and what can I read to better understand what is happening in this.control - for example, are those css selectors?</p>