2016-06-28 14 views
0

2私はツールバー上に水平に表示されている6つのコンポーネントを含むツールバーを使用しています。私のアプリケーションを小さな画面(モバイル)で使用しているとき、ツールバーの右側の2〜3のコンポーネントが画面やブラウザから移動しています。小さな画面でアプリケーションにアクセスしているときに、これらのコンポーネントを同じツールバーの次の行に移動する必要があるようにするにはどうすればよいですか。Extjsは、画面外に移動するときにツールバーコンポーネントを次の行に移動します。

答えて

0

あなたが望むのはツールバーではできません。ツールバーのboxレイアウトでは常に、すべての項目が一方向(上下のツールバーが水平方向、左右のツールバーが垂直方向)に整列され、ツールバーに異なるレイアウトを適用することはできません。

ただし、ツールバーにはスクロールできる矢印または画面に収まらないすべての項目を含むメニューを装備できます。必要な構成はそれぞれoverflowHandler:'scroller' or overflowHandler:'menu'です。

+0

が機能していない、これらの両方のconfigsはExtJSの3.2に提示されていません。 –

+0

私の間違いではありません、あなたはそのような古いバージョンを使用することを指定していません。 – Alexander

0

のみ 1行に収まるツールバーアイテムの数が分かっている場合は、この数多くのアイテムを持つ2つのツールバーを作成し、それらをhboxレイアウト内に並べて配置することです。次に、responsiveConfigを使用して、幅の狭いvboxレイアウトに切り替えると、2番目のツールバーがもう一方のツールバーの下に移動します。ここで

を例と迅速なフィドルます:https://fiddle.sencha.com/#fiddle/1cot

関連する問題