Ext_Ext.ViewPort

/* 
Ext.ViewPort代表浏览器窗口整个显示区，渲染body,会根据窗口大小自动调整，一个页面只许出现一个ViewPort 
因为以body渲染，无需定位 
*/  
  
Ext.onReady(function(){  
    var config = {  
        //布局方式(边框)  
        layout:'border',  
        title:'Ext.ViewPort示例',  
        items:[  
            {  
                title:'north Panel',  
                html:'上边',  
                region:'north',        //指定子面板所在区域  
                height:100  
            },  
            {  
                title:'west Panel',  
                html:'左边',  
                region:'west',  
                width:150  
                  
            },  
            {  
                title:'main Panel',  
                html:'中间',  
                region:'center',  
            }  
        ]  
    }  
      
    new Ext.Viewport(config);  
});