Ext.js 布局

2022-05-19 11:52 更新

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

編號布局和描述
1Absolute

此布局允許使用容器中的XY坐標定位項目。

2Accordion

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

3Anchor

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

4Border

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

5Auto

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

6Card(TabPanel)

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

7Card(Wizard)

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

8Column

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

9Fit

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

10Table

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

11vBox

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

12hBox

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

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號