目录

Ext.js - 布局( Layouts)

布局是元素在容器中排列的方式。 它可以是水平的,垂直的或任何其他的。 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

该布局允许元素以水平方式分布。

↑回到顶部↑
WIKI教程 @2018