2私はツールバー上に水平に表示されている6つのコンポーネントを含むツールバーを使用しています。私のアプリケーションを小さな画面(モバイル)で使用しているとき、ツールバーの右側の2〜3のコンポーネントが画面やブラウザから移動しています。小さな画面でアプリケーションにアクセスしているときに、これらのコンポーネントを同じツールバーの次の行に移動する必要があるようにするにはどうすればよいですか。Extjsは、画面外に移動するときにツールバーコンポーネントを次の行に移動します。
0
A
答えて
0
あなたが望むのはツールバーではできません。ツールバーのbox
レイアウトでは常に、すべての項目が一方向(上下のツールバーが水平方向、左右のツールバーが垂直方向)に整列され、ツールバーに異なるレイアウトを適用することはできません。
ただし、ツールバーにはスクロールできる矢印または画面に収まらないすべての項目を含むメニューを装備できます。必要な構成はそれぞれoverflowHandler:'scroller'
or overflowHandler:'menu'
です。
0
のみ 1行に収まるツールバーアイテムの数が分かっている場合は、この数多くのアイテムを持つ2つのツールバーを作成し、それらをhboxレイアウト内に並べて配置することです。次に、responsiveConfigを使用して、幅の狭いvboxレイアウトに切り替えると、2番目のツールバーがもう一方のツールバーの下に移動します。ここで
を例と迅速なフィドルます:https://fiddle.sencha.com/#fiddle/1cot
関連する問題
- 1. オブジェクトが画面外に移動する
- 2. アプリが画面外に移動する
- 3. アンドロイドのGridviewの画像が画面外に移動する
- 4. ウィンドウの幅を変更するときに要素を画面外に移動
- 5. ネイティブボタンをクリックすると別の画面に移動します
- 6. HTML5画像キャプション:画像が次の行に移動します
- 7. Bokeh DataRange1dがゆっくりと画面外に移動する
- 8. アンドロイドで画像を部分的に画面外に移動
- 9. 要素を画面外に移動し、CSSアニメーションで戻す
- 10. 外部アプリケーションを画面の前面に移動
- 11. Emacsで画面の中央にカーソルを固定すると、カーソルは移動せず、ページは移動します。
- 12. Javascript次の行に移動
- 13. キャラクターをキャンバス上に移動するが画面上に移動させない
- 14. 見出しのクリックを表示して次の画面に移動します。
- 15. Android Studioの新しい画面/ページに移動するには?
- 16. 画面外に移動しない可動ボタンを作成する方法
- 17. Javascriptは画面の周りにターゲットを移動しますか?
- 18. ゲームキャラクターが画面外に移動する制限
- 19. 画面を回転すると、次のアクティビティに移動するアプリケーション
- 20. ネイティブのスプラッシュ画面に反応し、別の画面に移動します
- 21. タブバーを画面の上に移動
- 22. リストビューの行から別の画面に移動する
- 23. 画面の行の最後に移動する方法
- 24. iOS 11 SearchControllerは画面の上に移動します
- 25. ブラックベリーの最初の画面に移動
- 26. バックグラウンドスレッドがjavaFxで完了したときにのみ、次の画面に移動するには
- 27. 画面サイズが変更されたときにテキストを移動せずにテキストを移動する
- 28. My appのApp Permission画面に移動
- 29. ExtJS外部のファイルにカスタムバリデーションを移動する
- 30. アクティビティの前に移動して次のアクティビティに移動するときにエラーが発生しました
が機能していない、これらの両方のconfigsはExtJSの3.2に提示されていません。 –
私の間違いではありません、あなたはそのような古いバージョンを使用することを指定していません。 – Alexander