Ext.Net 布局

來源:互聯網
上載者:User

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.