1.anchor 固定布局
子組件尺寸相對(duì)于容器的尺寸，即父容器容器的大小發(fā)生變化時(shí)，使用anchor布局的組件會(huì)根據(jù)規(guī)定的規(guī)則重新渲染位置和大小( width:500,height:300, )。一般與布局column一起使用。設(shè)置相對(duì)于父容器的百分比。
2.absolute 絕對(duì)布局 X/Y坐標(biāo)定位
3.accordion 手風(fēng)琴布局 類(lèi)似于QQ面板的好友分組
4.border 邊框布局 將容器分為 east south west north center 5部分
5.card 卡片布局 類(lèi)似于tabpanel
card布局一次只能夠顯示一個(gè)面板
card布局提供方法讓我們可以在一堆特定面板之間來(lái)回切換
6.table 表格布局 常用屬性 columns colspan rowspan
7.column 列布局 常用屬性 columns columnwidth （相比較table而言有點(diǎn)類(lèi)似 但是column布局無(wú)法調(diào)整 每個(gè)控件之間的間隔，只能采用樣式來(lái)處理 sample：style:"margin-left:10px;margin-right:10px;",）
8.fit 布局
子元素將自動(dòng)填滿(mǎn)整個(gè)父容器（對(duì)元素設(shè)置寬度無(wú)效），如果容器組件中有多個(gè)子元素，則只會(huì)顯示第一個(gè)子元素。
9.form 表單布局
FormPanel有兩種布局：form和column，form是縱向布局，column為橫向布局。默認(rèn)為后者。使用layout屬性定義布局類(lèi)型。對(duì)于一個(gè)復(fù)雜的布局表單，最重要的是正確分割，分割結(jié)果直接決定布局能否順利實(shí)現(xiàn)。
如果不再使用默認(rèn)布局，那么我們必須為每一個(gè)元素指定一種布局方式，另外，還必須遵循以下幾點(diǎn)：
【1】落實(shí)到任何一個(gè)表單組件后，最后總是form布局
【2】defaultType屬性不一定起作用，必須顯式為每一個(gè)表單組件指定xtype或new出新對(duì)象
【3】在column布局中，通過(guò)columnWidth可以指定列所占寬度的百分比，如占50%寬度為.5。
以上是extjs的幾種常用布局 實(shí)際開(kāi)發(fā)經(jīng)常要將幾種布局混合使用進(jìn)行頁(yè)面布局 這就要求我們必須熟練掌握每種布局的特點(diǎn)。
網(wǎng)上其他相關(guān)總結(jié)鏈接：
http://my.oschina.net/u/1398304/blog/291341
http://www.myexception.cn/javascript/2018318.html
http://www.iteye.com/topic/1135763
http://www.cnblogs.com/knowledgesea/archive/2013/08/28/3286661.html
http://wenku.baidu.com/link?url=6rNzED6IFoCOipxJLizPIamjR-R8d0iRNvJeWfR99nopeLrVRpdWIIIokF2Bi1LoR1e1VYVit_ZBuJvr-tJ2fPVfV--PyPJT1cDUV6eFYbW
自己以前總結(jié)的 寫(xiě)個(gè)博文以備不時(shí)之需。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。
重慶分公司
重慶分公司
