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

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

1 个答案: