Extjs-layouts

Ext.js-レイアウト

レイアウトは、コンテナ内での要素の配置方法です。 水平、垂直、またはその他のいずれかです。 Ext JSのライブラリには異なるレイアウトが定義されていますが、カスタムレイアウトもいつでも作成できます。

Sr.No	Layout & Description
1	Absolute このレイアウトでは、コンテナ内のXY座標を使用してアイテムを配置できます。
2	Accordion このレイアウトにより、コンテナ内にすべてのアイテムをスタック形式で（一方が他方の上に）配置できます。
3	Anchor このレイアウトは、コンテナのサイズに関して各要素のサイズを指定する特権をユーザーに与えます。
4	Border このレイアウトでは、さまざまなパネルがネストされ、境界線で区切られています。
5	Auto これは、要素の数に基づいて要素のレイアウトを決定するデフォルトのレイアウトです。
6	Card(TabPanel) このレイアウトは、さまざまなコンポーネントをタブ形式で配置します。 コンテナの上部にタブが表示されます。 常に1つのタブのみが表示され、各タブは異なるコンポーネントと見なされます。
7	Card(Wizard) このレイアウトでは、コンテナスペース全体に要素が来るたびに。 ウィザードには、ナビゲーション用の下部ツールバーがあります。
8	Column このレイアウトは、コンテナ内の複数の列を表示するためのものです。 固定幅またはパーセント幅を列に定義できます。 パーセント幅は、コンテナのフルサイズに基づいて計算されます。
9	Fit このレイアウトでは、コンテナは単一のパネルで満たされています。 レイアウトに関連する特定の要件がない場合、このレイアウトが使用されます。
10	Table 名前が示すように、このレイアウトはコンポーネントをHTMLテーブル形式でコンテナに配置します。
11	vBox このレイアウトにより、要素を垂直に配置できます。 これは最もよく使用されるレイアウトの1つです。
12	hBox このレイアウトにより、要素を水平方向に分散できます。