ツールバー内に3つの領域を左、中央、右に配置するにはどうすればよいですか?私は->
を使用して、次のすべてのアイテムに対して右揃えのコンテナをトリガーすることができることを知っていますが、センターについてはどうですか?ツールバーの要素を左、中、右に揃える方法
12
A
答えて
21
あなたはトリックでこれをアーカイブすることができます。
[
'Item 1',
'->',
'Item 4',
'->',
'Item 2'
]
がすべて同じ作業をされていますことを
Ext.create('Ext.panel.Panel', {
title: 'Toolbar Fill Example',
width: 300,
height: 200,
tbar : [
'Item 1',
{ xtype: 'tbfill' },
'Item 4',
{ xtype: 'tbfill' },
'Item 2'
],
renderTo: Ext.getBody()
});
注意。それは
->
を仕事や、それはXTYPE tbfill
だ方法
flex: 1
に構成された空のコンポーネント以外の何ものでもありません。
1
dockedItems:[{ XTYPE: 'ツールバー'、 buttonAlign: '中央' ドック: '上部'、 アイテム:[{ テキスト: 'トップにドッキング' }] }]
3
Ext.create('Ext.panel.Panel', {
title: 'Toolbar Fill Example',
width: 300,
height: 200,
tbarCfg:{
buttonAlign:'center' //for center align
// buttonAlign:'left' //for left align
// buttonAlign:'right' //for right align
},
tbar : [
'Item 1',
{ xtype: 'tbfill' },
'Item 4',
{ xtype: 'tbfill' },
'Item 2'
],
renderTo: Ext.getBody()
});
+2
私のために働いていない.. –
1
For Right:
bbar: ['->',{
xtype: 'button',
text: 'xyz',
}]
For Left:
bbar: ['<-',{
xtype: 'button',
text: 'xyz',
}]
関連する問題
- 1. sencha touchのツールバーのボタンを左右に揃える方法は?
- 2. CSS:リスト要素を左揃えのテキストと中央揃えにする方法
- 3. 左揃え要素と右揃え要素でカスタムナビゲーションバーを作成する
- 4. 左揃えラベル - 右揃え選択要素(CSS)
- 5. 同じ行の左揃え、中央揃え、右揃えのテキスト
- 6. 左揃えと右揃えと中央揃えのdiv
- 7. 通貨パイプangle2の右揃え/左揃えの設定方法
- 8. フレックスボックスdivの中心にある要素を左揃えにする方法は?
- 9. CSSの要素を右に揃える
- 10. レイアウトパズル:左揃え、右揃え、中央揃えボックスすべて直線に接続
- 11. CSS左揃え1、右揃え2
- 12. フッター要素をGridViewに左揃えする方法
- 13. Mathjax要素を左揃えにする方法
- 14. フッター要素を左揃えにする方法
- 15. div内の左の要素を中央揃えで整列する方法
- 16. チャンクの左右の揃え方
- 17. 水平リストの要素を左揃え
- 18. ie7のインラインブロック要素を右揃え
- 19. 右揃えのナビゲーションメニューで最初の要素を左に整列する
- 20. カードを左揃えのテキストに中央揃えにする方法は?
- 21. Html:テキストを中央揃えの画像に左揃えにする方法は?
- 22. フォームを中央揃えにし、左揃えの可変幅フィールドと右揃えボタンを使用するCSSレイアウトフォーム
- 23. HTML要素が兄弟中心の要素の端に右揃え
- 24. CSS img align:DIVの中右右揃えを設定する方法
- 25. センターの右揃えのsvg要素
- 26. サムネイルでカルーセル要素を左揃え
- 27. 左揃えの画像をモバイルで中央に揃える方法は?
- 28. CSS:中心要素の周りに要素を揃える方法は?
- 29. Flashbuilder:horizしたい。コンポーネントを左、中央、右に揃えます。
- 30. フロート右、リスト内のアイテムを左揃え
ありがとうございました!それはまさに私が探していたものです。 – seba
これは、すべてが同じ幅であると仮定して、中央のアイテムを中央に保ちます。最後のアイテム「Item 10102598」を作成すると、ミドルアイテムがもう中央揃えされていないことがわかります。 – Slims