Panel佈局類有10種:容器佈局,自適應佈局,摺疊佈局,卡片式佈局,錨點佈局,絕對位置佈局,表單佈局,列布局,表格佈局,邊框佈局
1,Ext.layout.ContainerLayout 容器佈局
提供容器作爲佈局的基礎邏輯,通常會被擴展而不通過new 關鍵字直接創建,一般作爲默認佈局存在
2,Ext.layout.FitLayout 自適應佈局
使用layout:'fit' 將使面板子元素自動充滿容器,如果有多個子面板也只會第一個會被顯示
3,Ext.layout.AccordionLayout 摺疊佈局 (很常有哦!!!)
擴展自適應佈局,layout:'accordion' 它包含了多個子面板,任何時候都只有一個子面板處於打開狀態,每個面板都有展開和收縮的功能
4 ,Ext.layout.CardLayout 卡片式佈局 (也很有用的哦!!)
擴展自適應佈局,layout:'card' 它包含了多個子面板,只有一個面板處於顯示狀態,它用來製作嚮導或標籤頁,使用setActiveItem來激火面板
5,Ext.layout.AnchorLayout 錨點佈局
根據容器的大小爲其所包含的子面板進行定位的佈局 layout:'anchor' 分爲:百分比,偏移,參考邊 三種方式的定位
6,Ext.layout.AbsoluteLayout 絕對位置佈局
根據面板中配置 x/y 座標進行定位,layout:'absolute' 座標值支持使用固定值和百分比兩種形式
7,Ext.layout.FormLayout 表單佈局
用來管理表單字段的顯示,內製了表單佈局,提供了表單提交,讀取等表單功能,layout:'form'
8, Ext.layout.ColumnLayout 列布局
多列風格的佈局格式,每一列的寬度都可以通過百分比和數值確定寬度,layout:'column'
9, Ext.layout.TableLayout 表格佈局
可以指定列數,跨行,跨列,可以創建出複雜的表格佈局 layout:'table'
10, Ext.layout.BorderLayout 邊框佈局
該佈局包含多個面板,是一個面向應用的UI風格的佈局,它包含5個部分:east,south,west,north,center,layout:'border' 通過region來配置面板
viewport的應用:作爲瀏覽器窗口的整個顯示部分,其有着panel的功能,但是一定要注意的是一個頁面只有一個