Border布局由類Ext.layout.BorderLayout定義,布局名稱為border。該布局把容器分成東南西北中五個區域,分別由east,south, west,north, cente來表示,在往容器中添加子元素的時候,我們只需要指定這些子元素所在的位置,Border布局會自動把子元素放到布局指定的位置。
Column列布局由Ext.layout.ColumnLayout類定義,名稱為column。列布局把整個容器組件看成一列,然后往里面放入子元素的時候,可以通過在子元素中指定使用columnWidth或width來指定子元素所占的列寬度。columnWidth表示使用百分比的形式指定列寬度,而width則是使用絕對象素的方式指定列寬度,在實際應用中可以混合使用兩種方式。
Form布局由類Ext.layout.FormLayout定義,名稱為form,是一種專門用于管理表單中輸入字段的布局,這種布局主要用于在程序中創建表單字段或表單元素等使用。在實際應用中,Ext.form.FormPanel這個類默認布局使用的是Form布局,而且FormPanel還會創建與 <form> 標簽相關的組件,因此一般情況下我們直接使用FormPanel即可。
Fit布局會自動布滿整個區域,如果容器組件中有多個子元素,則只會顯示一個元素。