Ext.js - 布局
布局是元素在容器中的排列方式。它可以是水平、垂直或任何其他方式。Ext JS 在其库中定义了不同的布局,但我们也可以编写自定义布局。
Sr.No | 布局 &描述 |
---|---|
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
此布局允许元素以水平方式分布。 |