×

Ext.js 教程

Ext.js 概述Ext.js 环境设置Ext.js 命名约定Ext.js 架构Ext.js 第一个程序Ext.js Class 系统Ext.js 集装箱Ext.js 布局Ext.js 组件Ext.js 拖放Ext.js 主题Ext.js 自定义事件和监听器Ext.js 数据Ext.js 字体Ext.js 风格Ext.js 图像Ext.js 本地化Ext.js 可访问性Ext.js 调试代码Ext.js 方法

Ext.js 布局


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

编号 布局和描述
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

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


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)