codecamp

Ext.js 布局

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

编号布局和描述
1Absolute

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

2Accordion

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

3Anchor

此布局为用户提供了相对于容器大小给出每个元素的大小的特权。

4Border

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

5Auto

这是默认布局决定元素的布局,基于元素的数量。

6Card(TabPanel)

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

7Card(Wizard)

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

8Column

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

9Fit

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

10Table

由于名称意味着此布局以HTML表格式在容器中排列组件。

11vBox

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

12hBox

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

Ext.js 集装箱
Ext.js 组件
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }