布局是元素在容器中排列的方式。 这可以是水平的，垂直的或任何其他。 Ext JS在其库中定义了不同的布局，但我们也可以编写自定义布局。
| 编号 | 布局和描述 |
|---|---|
| 1 |
Absolute
此布局允许使用容器中的XY坐标定位项目。 |
| 2 |
Accordion
此布局允许将所有项目以堆栈方式（一个在另一个之上）放在容器内。 |
| 3 |
Anchor
此布局为用户提供了相对于容器大小给出每个元素的大小的特权。 |
| 4 |
Border
在此布局中，各种面板嵌套并由边界分隔。 |
| 5 |
Auto
这是默认布局决定元素的布局，基于元素的数量。 |
| 6 |
Card(TabPanel)
此布局以制表符方式排列不同的组件。 选项卡将显示在容器的顶部。每次只有一个选项卡可见，每个选项卡被视为不同的组件。 |
| 7 |
Card(Wizard)
在这个布局中，每次元素来到完整的容器空间。 向导中将有一个底部工具栏用于导航。 |
| 8 |
Column
此布局是要在容器中显示多个列。 我们可以定义列的固定宽度或百分比宽度。 百分比宽度将基于容器的完整大小计算。 |
| 9 |
Fit
在此布局中，容器用单个面板填充，并且当没有与布局相关的特定要求时，则使用该布局。 |
| 10 |
Table
由于名称意味着此布局以HTML表格式在容器中排列组件。 |
| 11 |
vBox
这种布局允许元素以垂直方式分布。 这是最常用的布局之一。 |
| 12 |
hBox
这种布局允许元素以水平方式分布。 |
