Extjs内のタブ間のスペーサ

Question

タブ間にスペーサ要素またはそのような追加を追加するにはどうすればよいですか？私はそれらを分離する必要があります。

Answer 1

{ 
    xtype: 'tbfill' 
} 

または

それを行うためのコンポーネントによる方法はありません

{ 
    xtype: 'tbspacer' 
} 

または

{ 
    xtype: 'tbseparator' 
} 

Answer 2

は、あなたが例えばCSSのタブの余白、上書きする必要があります：

を

ul.x-tab-strip li { 
    margin-left: 8px; 
} 

特定のタブをクリックしてIDまたは特殊なクラスを指定し、それに応じてCSSを調整します。

Answer 3

tabConfigでマージンを使用してください。 タブの20ピクセル左にしたい場合は、 tabConfig: { xtype: 'tab', margin: '0 0 0 20' }