ExtJS教程

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
这种布局允许元素以水平方式分布。
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4