布局(Layouts)
优质
小牛编辑
141浏览
2023-12-01
布局是元素在容器中排列的方式。 它可以是水平的,垂直的或任何其他的。 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 该布局允许元素以水平方式分布。 |