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