当前位置: 首页 > 文档资料 > ExtJS 入门教程 >

布局(Layouts)

优质
小牛编辑
146浏览
2023-12-01

布局是元素在容器中排列的方式。 它可以是水平的,垂直的或任何其他的。 Ext JS在其库中定义了不同的布局,但我们也可以编写自定义布局。

Sr.No布局和描述
1Absolute

此布局允许使用容器中的XY坐标定位项目。

2Accordion

此布局允许将所有项目以堆栈方式(一个在另一个的顶部)放置在容器内。

3Anchor

此布局为用户提供了权限,以指定每个元素相对于容器大小的大小。

4Border

在此布局中,各种面板嵌套并由边框分隔。

5Auto

这是默认布局,它根据元素的数量决定元素的布局。

6Card(TabPanel)

此布局以制表符方式排列不同的组件。 选项卡将显示在容器的顶部。 每次只能看到一个选项卡,每个选项卡都被视为不同的组件。

7Card(Wizard)

在这种布局中,每次元素都来自完整的容器空间。 向导中有一个用于导航的底部工具栏。

8Column

此布局用于在容器中显示多个列。 我们可以为列定义固定宽度或百分比宽度。 宽度百分比将根据容器的完整大小计算。

9Fit

在此布局中,容器填充有单个面板。 如果没有与布局相关的特定要求,则使用此布局。

10Table

顾名思义,此布局以HTML表格式排列容器中的组件。

11vBox

该布局允许元素以垂直方式分布。 这是最常用的布局之一。

12hBox

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