Sencha Touch TabBar添加按钮左侧的按钮

Question

我正在研究一些sencha触摸教程,我无法弄清楚如何在TabPanel视图中的选项卡左侧添加一个按钮.默认情况下,选项卡右侧会添加一个按钮.我已经尝试更改对齐和布局设置,但似乎没有任何工作.这是我正在尝试修改的简单代码

Ext.setup({

onReady: function() {
    new Ext.TabPanel({
        fullscreen: true,

        tabBar:{
            items:[{
                xtype: 'button',
                ui: 'round', 
                text: 'Round'
            }]
        },

        items: [{
            title: 'Tab 1',
            html: '1',

        }, {
            title: 'Tab 2',
            html: '2',

        }, {
            title: 'Tab 3',
            html: '3',

        }]
    });
}

});

Answer 1

试试这个:

tabBar:{
   dockedItems:[{
       xtype: 'button',
       ui: 'round', 
       text: 'Round',
       dock: 'left'
   }]
},