Extjs 如何分发选项卡栏按钮';s

Extjs 如何分发选项卡栏按钮';s,extjs,sencha-touch-2,Extjs,Sencha Touch 2,我有一个senchatouch标签栏,底部有3个按钮,但3个按钮保持集中,我如何将标签栏中的这3个按钮分配给每个按钮,每个按钮都有33%的宽度 这是我的标签栏: 我希望我的选项卡栏看起来像这样: 使用Ext.tab.Panel配置中的分离按钮,可以将tabBar的配置添加到config属性中。在那里,您可以将tabBar选项卡的默认宽度设置为flex:1。然后每个选项卡的宽度将占整个tabBar宽度的相同比例 因此,您的选项卡栏配置应为: tabBar: { defaults: {

我有一个senchatouch标签栏,底部有3个按钮,但3个按钮保持集中,我如何将标签栏中的这3个按钮分配给每个按钮,每个按钮都有33%的宽度

这是我的标签栏:

我希望我的选项卡栏看起来像这样:
使用
Ext.tab.Panel
配置中的分离按钮,可以将
tabBar
的配置添加到config属性中。在那里,您可以将
tabBar
选项卡的默认宽度设置为
flex:1
。然后每个选项卡的宽度将占整个
tabBar
宽度的相同比例

因此,您的选项卡栏配置应为:

tabBar: {
    defaults: {
        flex: 1
    }  
}

请看这把小提琴的现场示例:

不客气。请接受此答案以结束问题,以备将来参考。