title: how to call a function on a controller when Tapping on TabPanel? Sencha Touch 2
body: <p>I have a controller and a TabPanel in Sencha Touch 2, I want to call a function when an element is tapped on the TabPanel:</p>
  
  <p>TabPanel.js</p>
  
  <pre><code>Ext.define('app.view.principalTabPanel', {
      extend: 'Ext.tab.Panel',
      alias: 'widget.ptabpanel',
      config: {
          ui: 'light',
          items: [
              {
                  xtype: 'container',
                  itemId: 'idContnr',
                  title: 'tap Me!',
                  iconCls: 'bookmarks'
              }
          ],
          tabBar: {
              docked: 'bottom',
              ui: 'light'
          }
      }
  });
  </code></pre>
  
  <p>controller.js</p>
  
  <pre><code>Ext.define('app.controller.mainController', {
      extend: 'Ext.app.Controller',
      config: {
          control: {
              "ptabpanel #idContnr": {
                  tap: 'takePhoto'
              }
          }
      },
      takePhoto: function() {
          console.log('toma foto!'); // Not Working :(
      }
  });
  </code></pre>