Adding Button to TabPanel
===

I want to add regular Sencha button to TabPanel in Sencha Touch 2

Sencha Fiddle [http://www.senchafiddle.com/#tRd76](http://www.senchafiddle.com/#tRd76)

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}',
                }
            ]
        });
    }


When Adding Button1 to TabPanel button is not shown.
Why Button1 is not Showing ?

Please help?