Ext.Net 佈局

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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章