title: Events not caught by Controller
body: <p>I am trying to respond to a view-fired event inside a controller. The event does fire, but the controller action is never called.</p>
  
  <p><em>View</em>:</p>
  
  <pre><code>Ext.define("MyApp.view.Dashboard", {
      extend: 'Ext.Container',
      xtype: 'my_dashboard',
      config: {
          items: [
              {
                  xtype: 'dataview',
                  listeners: {
                      itemtap: function(sender, index, elem, record) {
                          // fires with param, e.g. 'inbox'
                          this.fireEvent(record.get('name'));
                      }
                  }
              }
              ...
  </code></pre>
  
  <p><em>Controller</em>:</p>
  
  <pre><code>Ext.define('MyApp.controller.Dashboard', {
      extend: 'Ext.app.Controller',
      config: {
          control: {
              'my_dashboard': {
                  'inbox': 'showInbox',
                  ...
              }
          }
      },
  
      showInbox: function () {
          /* never gets called */
      },
  
      ...
  </code></pre>
  
  <p>What am I doing wrong?</p>
  
  <p><strong>UPDATE</strong>:</p>
  
  <p>I found a solution, but it feels very hacky. I added a <code>bubbleEvents</code> config to the dataview <em>and</em> the <code>my_dashboard</code> view, and the events started making their way up to the controller.</p>
  
  <p>Since the dashboard can have a variable number of items, I don't know which events I need to bubble up. Of course, I could bubble up all possible dashboard events, but that just seems like a massive kludge.</p>
  
  <p>Should the view fire an application event instead, e.g. <code>MyApp.app.fireEvent()</code>?</p>