title: Adding Button to TabPanel
body: <p>I want to add regular Sencha button to TabPanel in Sencha Touch 2</p>
  
  <p>Sencha Fiddle <a href="http://www.senchafiddle.com/#tRd76" rel="nofollow">http://www.senchafiddle.com/#tRd76</a></p>
  
  <p>Code:</p>
  
  <pre><code>//define the application
  Ext.application({
  
      launch: function() {
          addTabPanel();
  
      }
  });
  
  function addTabPanel(){
       Ext.Viewport.add({
          xtype: 'tabpanel',
          tabBarPosition: 'bottom',
          fullscreen: true,
          tabBar:{
             dockedItems:[{
                 xtype: 'button',
                 ui: 'round', 
                 text: 'Button1',
                 dock: 'left',
                 handler: function(){
                     alert('Botton1 Working Now');    
                 }
             }]
          },
  
          items:[
              {
              title: 'All Market',
              iconCls: 'home',
              html: 'Home',
  
          },
  
          {
                  title: 'Favorite',
                  iconCls: 'favorites',
                  html:'Favorite',
                  itemTpl: '{mwRow}',
              }
          ]
      });
  }
  </code></pre>
  
  <p>When Adding Button1 to TabPanel button is not shown.
  Why Button1 is not Showing ?</p>
  
  <p>Please help?</p>