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	水平盒布局此布局允许元素以水平方式分布。