title: Sencha Touch: List ItemTap Event Firing
body: <p>I am following along very closely with the code within the <a href="http://geocongress.us/app/" rel="nofollow">GeoCongress.us App</a>, as this is my first Sencha Touch app and the premise behind that app's layout functionality is similar to what I hope to achieve.</p>
  
  <p>I am having an issue getting a List object to respond to the <code>itemtap</code> event though. My intent is to capture the <code>itemtap</code> event at the <code>SetsScreen</code> level, fire my own custom event which my <code>App</code> object would listen for, and <code>App</code> could then handle the process of displaying a new card (based on the item tapped).</p>
  
  <p>First, the <code>SetsScreen</code> object (relevant portions of it at least):</p>
  
  <pre><code>DataSets.views.SetsScreen = Ext.extend(Ext.Panel, {
      cls: 'sets-screen',
      layout: 'card',
  
      initComponent: function() { 
          // Build the main content list and add it to the main scren
          this.setsList = new DataSets.views.SetsList({
              scroll: false
          });
          this.setsList.on('itemtap', this.onListItemTap, this);
  
          this.main = new Ext.Container({
              scroll: true,
              items: [this.setsList]
          });
  
          this.items = [this.main];
          DataSets.views.SetsScreen.superclass.initComponent.call(this);
      },
  
      onListItemTap: function(dv, index, item, e) {
          alert('Test');
      }
  });
  </code></pre>
  
  <p>Here is my <code>SetsList</code> object (nothing really amazing here):</p>
  
  <pre><code>DataSets.views.SetsList = Ext.extend(Ext.List, {
      itemSelector: '.sets-list-item',
      singleSelect: true,
  
      initComponent: function() {
          this.store = DataSets.stores.Sets;
          this.itemTpl = Ext.XTemplate.from('sets-list');
  
          DataSets.views.SetsList.superclass.initComponent.call(this);
      }
  });
  </code></pre>
  
  <p>And the <code>Sets</code> object is nothing more than a quick data model and Ext.data.Store:</p>
  
  <pre><code>Ext.regModel('Sets', {
      idProperty: 'id',
      fields: [
          'title',
          'last_updated',
          'current_value'
      ]
  });
  
  DataSets.stores.Sets = new Ext.data.Store({
      model: 'Sets',
      data: [
          {id: 0, title: 'Weight', last_updated: new Date('11/28/2010 00:00:00 AM GMT-0600'), current_value: 145},
          {id: 1, title: 'Cups of Coffee', last_updated: new Date('11/28/2010 07:00:00 AM GMT-0600'), current_value: 1}
      ]
  });
  </code></pre>