ExtJS 4：防止自动计算宽度

Question

我在网格面板的tbar使用Ext.tab.Bar 。

我的代码是：

...
tbar: [
    ...
    "->",
    this._getTabbar()
]
// where this._getTabbar() is:
GridPanel.prototype._getTabbar = function() {
    return Ext.tab.Bar({
        width: 850,
        items: [
            {text: "Grid's Tab #1", closable: false},
            {text: "Grid's Tab #2", closable: false},
            {text: "Grid's Tab #3", closable: false},
            ...
            {text: "Grid's Tab #N", closable: false}
        ]
    });
}

结果，我得到了正确的顶部工具栏，但是标签栏中的按钮太短了，我看不到它们的标签。 这意味着选项卡按钮Grid的Tab＃1看起来像Grid的T ...

我尝试将width参数手动添加到选项卡配置中：

{text: "Grid's Tab #N", ..., width: 150}

没什么，ExtJS自动为每个按钮计算相同的宽度。 我尝试设置flex: false和再次没有。

我想问你的是如何防止类似弯曲的宽度计算？ 如果我使用“带有长-长-长-长-长标签的按钮”创建100500个按钮，则希望在标签栏中的所有按钮中看到全文。

谢谢你的帮助。

Answer 1

我有点困惑。 网格面板tbar config用于工具栏。 tbar的配置通常是：

tbar: [
  { xtype: 'button', text: 'Button 1' }
]

工具栏不仅限于按钮。 这是一个非常繁忙的工具栏示例，其中包含各种字段http://jsfiddle.net/dbrin/PhAbR/embedded/result/

另一方面，选项卡栏用于选项卡面板。 这是文档所说的：

“ TabBar由TabPanel内部使用，通常不需要手动创建”

不是，您不能:)那么，您是否要尝试创建带有标签的自定义组件？ 如果是这样，为什么不使用常规选项卡面板？