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} 
     ] 
    }); 
} 

、私は正しいトップのツールバーを得るが、タブバーのボタンが短すぎると、私はそのラベルを見ることはできません。

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

、何も、ExtJSの：それは

は私が手動でタブの設定にwidthパラメータを追加しようとしました...タブボタングリッドのタブ＃1がグリッドのTのように表示されていることを意味しautomaticalyは各ボタンの同じ幅を計算します。私はflex: falseともう一度何も設定しようとしなかった。

フレックスのような幅の計算を防ぐために何をすべきですか？ 「長い長いロング・ロング・ラベルのボタン」を使用して100500個のボタンを作成すると、タブバーのすべてのボタンに全文が表示されます。

ありがとうございました。

Answer 1

少し混乱しています。グリッドパネルのtbar configはツールバーを対象としています。 tbarの設定は、通常次のとおりです。

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

ツールバーはボタンに限定されません。ここでは、すべての種類のフィールドを持つ非常に忙しいツールバーの例を示します。http://jsfiddle.net/dbrin/PhAbR/embedded/result/

タブバーは、タブパネル用です。

は「TabBarには、タブパネルによって内部的に使用され、通常は手動で作成する を必要はありません」あなたがそう:)ことができなかったことを

ではなく、あなたは、次のとおりです。ここでのドキュメントの言うことですタブでカスタムコンポーネントを作成しようとしていますか？もしそうなら、通常のタブパネルを使わないのはなぜですか？