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）之类来定位，感觉要比用方向更方便，毕竟更人性化，不需要想地图去（上北下南，左西右东）了。

Ext中border方式时 region注意点