Ext中border方式时 region注意点

在用region时有时候会出错，于是自己测试了下

代码：

Ext.onReady(function(){  
    var viewport = new Ext.Viewport({  
        layout:'border', 
		//html: '<p>第二步，一共4步</p>',
        items:[{  
            region: 'north',  
            split: true, 
			title:'north', 
			//north, south, east, west or center)
            border: true  
        },{  
            region: 'west',  
            split: true, 
			title:'west', 
            border: true  
        },{  
            region: 'center',  
            split: true, 
			title:'center', 
            border: true  
        },{  
            region: 'east',  
            split: true, 
			title:'east', 
            border: true  
        },{  
            region: 'south',  
            split: true, 
			title:'south', 
            border: true  
        }]  
    });  
  
}); 

　　

根据测试结果，可以看出center是不能为空的，其他的可以为空不设置。

查看api，有以下资料：

BorderLayout具有固定性，渲染之后就不会任意变动或改变格局。中央区域（center region）在BorderLayout设定中不可或缺。假使没有其它的区域，中央布局便会就是该布局的全部区域。
The regions of a BorderLayout are fixed at render time and thereafter, no regions may be removed or added.The BorderLayout must have a center region, which will always fill the remaining space not used by the other regions in the layout. 

总结：

1.center是一定需要的。（如果Ext在没有center时也能定位就好了，希望他下个版本能解决）

2.使用其他ide时（例如c#），是使用（top，left，right）之类来定位，感觉要比用方向更方便，毕竟更人性化，不需要想地图去（上北下南，左西右东）了。