sencha-touch - Sencha Touch TabBar 添加选项卡左侧的按钮

Question

我正在学习一些 sencha touch 教程，但我不知道如何在 TabPanel View 中的选项卡左侧添加按钮。默认情况下，选项卡右侧会添加一个按钮。我曾尝试更改对齐和布局设置，但似乎没有任何效果。这是我试图修改的简单代码

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