title: How do I add tap event for a table cell in Sencha Touch?
body: <p>I have a dataView where I am binding data to a table. This is a complex data where I have to bind click event for each table cell too. I do not have any idea how this could be done in Sencha Touch, but the same has been done with jQuery and jQMobile.</p>
  
  <p>Here is my code.</p>
  
  <pre><code>var touchTeam = Ext.create('Ext.DataView', {
          fullscreen: true,
          items:[{
              xtype:'toolbar',
              title:'Dashboard',
              docked:'top',
              items:[{
                  iconCls:'home',
                  iconMask:true,
                  ui:'confirm'
              },{
                  xtype:'spacer'
              },{
                  xtype:'button',
                  text:'Logout',
                  ui:'decline',
                  handler:function(){
                      Ext.Msg.confirm('ALERT','Are you sure that you want to logout?',Ext.emptyFn);
                  }
              }]
          },{
              xtype:'toolbar',
              docked:'bottom'
          }],
          store: {
              fields: ['AAAA', 'BBBB', 'CCCC', 'DDDD', 'EEEE'],
              data: [
                  {AAAA: 'TableRow1',  BBBB: 0,CCCC:4,DDDD:2,EEEE:0},
                  {AAAA: 'TableRow2',  BBBB: 0,CCCC:0,DDDD:0,EEEE:0},
                  {AAAA: 'TableRow3',  BBBB: 0,CCCC:0,DDDD:0,EEEE:0},
                  {AAAA: 'TableRow4',  BBBB: 0,CCCC:0,DDDD:0,EEEE:0},
              ]
          },
          itemTpl:'&lt;table border="0" cellpadding="5" cellspacing="5" style="width:100%; margin-top:10px;"&gt;&lt;tr&gt;&lt;td style="width:20%; text-align: center;"&gt;{AAAA}&lt;/td&gt;&lt;td style="width:20%; text-align: center;"&gt;{BBBB}&lt;/td&gt;&lt;td style="width:20%; text-align: center;"&gt;{CCCC}&lt;/td&gt;&lt;td style="width:20%; text-align: center;"&gt;{DDDD}&lt;/td&gt;&lt;td style="width:20%; text-align: center;"&gt;{EEEE}&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;'
      });
  </code></pre>