Ext.js 布局

2022-05-19 11:52 更新

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

編號布局和描述
1Absolute

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

2Accordion

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

3Anchor

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

4Border

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

5Auto

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

6Card(TabPanel)

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

7Card(Wizard)

在這個布局中,每次元素來到完整的容器空間。 向導中將有一個底部工具欄用于導航。

8Column

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

9Fit

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

10Table

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

11vBox

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

12hBox

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

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號