所謂布局就是指容器元件中子元素的分布、排列組合方式。ext的所有容器元件都支援而局操作，每乙個容器都會有乙個對應的布局，布局負責管理容器元件中子元素的排列、組合及渲染方式等。
extjs的布局基類為ext.layout.containerlayout，其它布局都是繼承該類。extjs的容器元件包含乙個layout及layoutconfig配置屬性，這兩個屬性用來指定容器使用的布局及布局的詳細配置資訊，如果沒有指定容器元件的layout則缺省會使用containerlayout作為布局，該布局只是簡單的把元素放到容器中，有的布局需要layoutconfig配置，有的則不需要layoutconfig配置。看**：
ext.onready(function(),上面的**我們建立了乙個面板panel，panle是乙個容器元件，我們使用layout指定該面板使用column布局。該面板的子元素是兩個面板，這兩個面板都包含了乙個與列布局相關的配置引數屬性columnwidth，他們的值都是0.5，也就是每乙個面板佔一半的寬度。執行上面的程式生成如下圖所示的結果：]});
});
ext中的一些容器元件都已經指定所使用的布局，比如tabpanel使用card布局、formpanel使用form布局，gridpanel中的**使用column布局等，我們在使用這些元件的時候，不能給這些容器元件再指定另外的布局。
extjs2.0一共包含十種布局，常用的布局有border、column、fit、form、card、tabel等布局，下面我們分別對這幾種布局作簡單的介紹。
《ExtJS2 0實用簡明教程》之獲得ExtJS
圖1 2 extjs發布包目錄 adapter 負責將裡面提供第三方底層庫 包括ext自帶的底層庫 對映為ext所支援的底層庫。build 壓縮後的ext全部原始碼 裡面分類存放 docs api幫助文件。exmaples 提供使用extjs技術做出的小例項。resources ext ui資源檔案...
《ExtJS2 0實用簡明教程》之Fit布局
column列布局由ext.layout.columnlayout類定義，名稱為column。列布局把整個容器元件看成一列，然後往裡面放入子元素的時候，可以通過在子元素中指定使用columnwidth或width來指定子元素所佔的列寬度。columnwidth表示使用百分比的形式指定列寬度，而wid...
ExtJS2 0實用簡明教程 Column列布局
column列布局由ext.layout.columnlayout類定義，名稱為column。列布局把整個容器元件看成一列，然後往裡面放入子元素的時候，可以通過在子元素中指定使用columnwidth或width來指定子元素所佔的列寬度。columnwidth表示使用百分比的形式指定列寬度，而wid...