extjs4.0——布局介紹

Extjs4.0的布局介紹：

1：Fit布局

子項目會自動填滿整個父容器。注意在其布局下，對子項目設定寬頻是無效的。如果在Fit布局中放置多個組件，智慧顯示第一個元素。

最典型的用處也就是在一個window或panel中放置一個grid組件，讓grid組件大小會隨著父容器的大小而改變。

2：border布局

本人覺得大體的架構布局都用它來布局

border布局也成為邊界布局，他將頁面分割為五個部分：west,east,south,north,center,而他們給參賽region賦值就可以了

north,south只能設定高度，west,east只能設定寬度

center自動變化

參數：spit:true可以手動調整四個地區的大小。

參數：collapsible:true 將啟用摺疊功能，這時title必須設定，因為摺疊按鈕時出現在標題部分的。

注意：center部分是必須使用的，而center地區是不允許摺疊的。center會自動填滿其他地區。無center是會報錯。

3：Accordion布局

according布局也稱手風琴布局，在accordion布局下，在任何時間裡，只有一個面板處於啟用狀態。

其中每個頁面都支援展開和摺疊。

注意：只有Ext.Panels和所有Ext.panel.Panel子項才可以使用accordion布局

4：Card布局

這種布局用來管理多個子組件，並且任何時刻只能顯示一個子組件，這種布局最常用的情況就是嚮導模式，也就是我們所說的分布提交。

5：Anchor布局

anchor布局是組件固定於父容器的某一個位置，使用anchor布局的子組件尺寸相對於容器的尺寸，即父容器的大小變化時，使用anchor布局的組件會根據規定的規則重新渲染位置和大小

6：AnchorLayout布局

7:Absolute布局

8：Column布局

作者：junmoxie