Ext BorderLayout 佈局

BorderLayout佈局比fit佈局含有更多可放元件位置，其分為南，北，東，西，中五部分，其中上北下南可分別作為標題和狀態列，左西右東可作為選單欄，中部可作為內容區，其需注意事項：

 

第一：五部分中，其他部位都可無元件，唯獨中部必不可缺，中部必須有元件，可通過region:center配置，否則會發生錯誤，頁面上就什麼也不顯示了。

 

第二：north和south只能設定height，寬度由佈局自動計算，east和west只能設定width，高度由佈局自動計算，而center則不能指定height和width，其高寬由佈局通過計算其餘四部分來確定。

 

第三:五部分中任何元件都不能使用autoHeight:true，否則將會破壞整個佈局的計算，使得佈局失效。

 

第四：子區域元件拖動，可以通過設定split:true來使得個部分通過拖動邊界來實現動態修改各部分大小，但是north和south只能上下拖動調整大小，east和west只能左右拖動調整大小，同時可通過結合minSize和maxSize來控制拖動時的最小和最大可擴範圍，對center設定split則無效。

 

第五：子區域元件摺疊和展開，設定collapsible:true，可使得子區域可摺疊，但須同時必須配合設定title，因為摺疊展開的控制箭頭位於title上，所以若沒設定title，則摺疊展開失效。

 

第六：可設定子區域摺疊後的提示資訊，可通過對預設css進行設定來實現。