业务需要,想做一个这样的框架: 
先分:北,西,中,南四个区域,然后再将西分为 北,南两个区域。 
再将西边区域的layout属性设置为 border时,页面就报错,说不支持该方法。 
请指教我的问题出在哪里?或者您有更好的方案? 部分代码如下: /***北区****/ 
var northObj={ 
        region: 'north', 
        html: ' <h1>系统信息 </h1> <h2>logo </h2>', 
        contentEl: 'div_north', 
        autoHeight: true, 
        collapsible: true, 
        split: true, 
        border: true, 
        margins: '0 0 5 0' 
      } /***中区****/  
var centerObj={ 
contentEl: 'div_center', 
        region: 'center', 
        xtype: 'tabpanel', 
        items: [{ 
            title: '地图区', 
            html: 'The first tab\'s content. Others may be added dynamically' 
        }, 

            title: 'Tab2', 
            html: 'The second tab\'s content. Others may be added dynamically', 
            tbar:[{xtype:"tbfill"},{pressed:true,text:"save",handler:openWindow}] 
        }        
        ] 
          } 
  /***南区****/       
var southObj= { 
contentEl: 'div_south', 
        region: 'south', 
        xtype: 'tabpanel', 
        title: '状态区', 
        collapsible: true, 
        items: 
        [ { 
            title: 'status1', 
            html: 'status1' 
        }, 
        { 
          title: 'status2', 
            html: 'status2' 
        } 
        ], 
        split: true, 
        height: 100, 
        minHeight: 100 
    } ////////// 
/***西区****/ 
var westObj = { 
contentEl: 'div_west', 
        region: 'west', 
        xtype: 'panel', 
        title: '状态区', 
        collapsible: true, 
        split: true, 
        width: 200, 
        layout:'border'//此处出错  
    } 
  Ext.onReady( 
function(){ 
  var viewport=new Ext.Viewport({ 
    layout: 'border', 
    defaults: { 
        activeItem: 1 
    }, 
    items: [northObj ,centerObj ,southObj ,westObj] 
}); }