Ext.js-レイアウト
レイアウトは、要素がコンテナ内に配置される方法です。水平、垂直、またはその他のいずれかになります。Ext JSのライブラリには異なるレイアウトが定義されていますが、カスタムレイアウトをいつでも作成できます。
シニア番号 | レイアウトと説明 |
---|---|
1 | 絶対の このレイアウトでは、コンテナ内のXY座標を使用してアイテムを配置できます。 |
2 | アコーディオン このレイアウトでは、すべてのアイテムをコンテナ内に積み重ねて(上下に)配置できます。 |
3 | アンカー このレイアウトは、コンテナサイズに対して各要素のサイズを指定する権限をユーザーに与えます。 |
4 | 境界 このレイアウトでは、さまざまなパネルがネストされ、境界線で区切られています。 |
5 | 自動 これは、要素の数に基づいて要素のレイアウトを決定するデフォルトのレイアウトです。 |
6 | カード(TabPanel) このレイアウトは、さまざまなコンポーネントをタブ形式で配置します。コンテナの上部にタブが表示されます。1つのタブのみが表示され、各タブは異なるコンポーネントと見なされるたびに。 |
7 | カード(ウィザード) このレイアウトでは、要素がコンテナスペース全体に来るたびに。ウィザードには、ナビゲーション用の下部ツールバーがあります。 |
8 | カラム このレイアウトは、コンテナ内の複数の列を表示するためのものです。列に固定幅またはパーセンテージ幅を定義できます。パーセンテージ幅は、コンテナのフルサイズに基づいて計算されます。 |
9 | フィット このレイアウトでは、コンテナは単一のパネルで満たされています。レイアウトに関連する特定の要件がない場合は、このレイアウトが使用されます。 |
10 | テーブル 名前が示すように、このレイアウトは、コンポーネントをHTMLテーブル形式のコンテナーに配置します。 |
11 | vBox このレイアウトにより、要素を垂直方向に分散させることができます。これは、最も使用されているレイアウトの1つです。 |
12 | hBox このレイアウトにより、要素を水平方向に分散させることができます。 |