- 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 - 字体
- 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 |
绝对
此布局允许使用容器中的 XY 坐标来定位项目。 |
2 |
手风琴
这种布局允许将所有项目以堆叠方式(一个在另一个之上)放置在容器内。 |
3 |
锚
此布局使用户有权指定每个元素相对于容器大小的大小。 |
4 |
边界
在此布局中,各个面板嵌套并由边框分隔。 |
5 |
汽车
这是默认布局,根据元素的数量决定元素的布局。 |
6 |
卡片(选项卡面板)
此布局以选项卡方式排列不同的组件。选项卡将显示在容器顶部。每次只有一个选项卡可见,并且每个选项卡都被视为不同的组件。 |
7 |
卡牌(法师)
在这种布局中,每次元素都会占据完整的容器空间。向导中有一个底部工具栏用于导航。 |
8 |
柱子
这种布局是为了在容器中显示多列。我们可以为列定义固定宽度或百分比宽度。百分比宽度将根据容器的完整尺寸计算。 |
9 |
合身
在此布局中,容器填充有单个面板。当没有与布局相关的特定要求时,则使用该布局。 |
10 |
桌子
顾名思义,此布局以 HTML 表格格式将组件排列在容器中。 |
11 |
vBox
这种布局允许元素以垂直方式分布。这是最常用的布局之一。 |
12 |
盒
这种布局允许元素以水平方式分布。 |