Я использую Ext.tab.Bar
внутри панели сетки tbar
.
Мой код:
...
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 # 1 выглядит как T сетки ...
Я пытался вручную добавить параметр width
в конфигурацию вкладки:
{text: "Grid's Tab #N", ..., width: 150}
И ничего, ExtJS автоматически рассчитывает одинаковую ширину для каждой кнопки.Я попытался установить flex: false
и снова ничего.
То, что я хочу спросить вас, что я должен сделать, чтобы предотвратить вычисление flex-like width?Если я создаю 100500 кнопок с надписью «Кнопка с длинной-длинной-длинной-длинной», я хочу видеть полный текст всех кнопок на панели вкладок.
Спасибо за вашу помощь.