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进行设置来实现。