title: Firing application wide events from button handlers
body: <p>I have this gridPanel:</p>
  
  <pre><code>Ext.define('BM.view.test.MacroList', {
  extend: 'BM.view.GridPanel',
  alias:'widget.macro-test-list',
  
  store: 'Tests',
  
  initComponent: function() {
  
      this.columns = [
          {
              xtype:'actioncolumn',
              width:50,
              items: [
              {
                  icon: 'images/start.png',
                  tooltip: 'Start Test',
                  handler: function(grid, rowIndex, colIndex) {
                      this.application.fireEvent('testStart', grid.getStore().getAt(rowIndex)); 
                  // application not defined here because 'this' is the button.
                  }]
       }]
  }
  }
  </code></pre>
  
  <p>stratTest is a function that will be available from many places in the application, and I would like it to be used as an application wide event, but those seem to be available only from controllers.<br>
  How do I call <code>.application.fireEvent('testStart'...)</code> from the handler inside this button?</p>
  
  <p>I'm using <a href="https://stackoverflow.com/q/7260134/851604">this question</a> as a constant reference to events, and the Sencha docs, but couldn't find the answer.</p>