Ext.js - 佈局

佈局是指元素在容器中排列的方式。它可以是水平的、垂直的或其他任何方式。Ext JS 在其庫中定義了不同的佈局，但我們也可以隨時編寫自定義佈局。

序號	佈局及描述
1	絕對佈局此佈局允許使用容器中的 XY 座標定位專案。
2	手風琴佈局此佈局允許以堆疊方式（一個在另一個上面）將所有專案放置在容器內。
3	錨佈局此佈局允許使用者相對於容器大小指定每個元素的大小。
4	邊框佈局在此佈局中，各個面板巢狀並由邊框隔開。
5	自動佈局這是預設佈局，它根據元素的數量決定元素的佈局。
6	卡片佈局（選項卡面板）此佈局以選項卡方式排列不同的元件。選項卡將顯示在容器頂部。每次只有一個選項卡可見，每個選項卡都被視為一個不同的元件。
7	卡片佈局（嚮導）在此佈局中，每次元素都佔據整個容器空間。嚮導中有一個底部工具欄用於導航。
8	列布局此佈局用於在容器中顯示多個列。我們可以為列定義固定寬度或百分比寬度。百分比寬度將根據容器的完整大小計算。
9	填充佈局在此佈局中，容器由單個面板填充。當沒有與佈局相關的特定要求時，使用此佈局。
10	表格佈局顧名思義，此佈局以 HTML 表格格式在容器中排列元件。
11	垂直盒佈局此佈局允許元素以垂直方式分佈。這是最常用的佈局之一。
12	水平盒佈局此佈局允許元素以水平方式分佈。

列印頁面

序號	佈局及描述
1	絕對佈局此佈局允許使用容器中的 XY 座標定位專案。
2	手風琴佈局此佈局允許以堆疊方式（一個在另一個上面）將所有專案放置在容器內。
3	錨佈局此佈局允許使用者相對於容器大小指定每個元素的大小。
4	邊框佈局在此佈局中，各個面板巢狀並由邊框隔開。
5	自動佈局這是預設佈局，它根據元素的數量決定元素的佈局。
6	卡片佈局（選項卡面板）此佈局以選項卡方式排列不同的元件。選項卡將顯示在容器頂部。每次只有一個選項卡可見，每個選項卡都被視為一個不同的元件。
7	卡片佈局（嚮導）在此佈局中，每次元素都佔據整個容器空間。嚮導中有一個底部工具欄用於導航。
8	列布局此佈局用於在容器中顯示多個列。我們可以為列定義固定寬度或百分比寬度。百分比寬度將根據容器的完整大小計算。
9	填充佈局在此佈局中，容器由單個面板填充。當沒有與佈局相關的特定要求時，使用此佈局。
10	表格佈局顧名思義，此佈局以 HTML 表格格式在容器中排列元件。
11	垂直盒佈局此佈局允許元素以垂直方式分佈。這是最常用的佈局之一。
12	水平盒佈局此佈局允許元素以水平方式分佈。