Ext.js 布局

2022-05-19 11:52 更新

布局是元素在容器中排列的方式。 這可以是水平的,垂直的或任何其他。 Ext JS在其庫(kù)中定義了不同的布局,但我們也可以編寫自定義布局。 

編號(hào)布局和描述
1Absolute

此布局允許使用容器中的XY坐標(biāo)定位項(xiàng)目。

2Accordion

此布局允許將所有項(xiàng)目以堆棧方式(一個(gè)在另一個(gè)之上)放在容器內(nèi)。

3Anchor

此布局為用戶提供了相對(duì)于容器大小給出每個(gè)元素的大小的特權(quán)。

4Border

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

5Auto

這是默認(rèn)布局決定元素的布局,基于元素的數(shù)量。

6Card(TabPanel)

此布局以制表符方式排列不同的組件。 選項(xiàng)卡將顯示在容器的頂部。每次只有一個(gè)選項(xiàng)卡可見,每個(gè)選項(xiàng)卡被視為不同的組件。

7Card(Wizard)

在這個(gè)布局中,每次元素來(lái)到完整的容器空間。 向?qū)е袑⒂幸粋€(gè)底部工具欄用于導(dǎo)航。

8Column

此布局是要在容器中顯示多個(gè)列。 我們可以定義列的固定寬度或百分比寬度。 百分比寬度將基于容器的完整大小計(jì)算。

9Fit

在此布局中,容器用單個(gè)面板填充,并且當(dāng)沒有與布局相關(guān)的特定要求時(shí),則使用該布局。

10Table

由于名稱意味著此布局以HTML表格式在容器中排列組件。

11vBox

這種布局允許元素以垂直方式分布。 這是最常用的布局之一。

12hBox

這種布局允許元素以水平方式分布。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)