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的功能,但是一定要注意的是一個頁面只有一個