viewPort(浏览器窗口的整个显示区域)

Ext.onReady(function(){
    
    //viewPort(浏览器窗口的整个显示区域)
    //常用的方式:将border布局的主面板渲染到ViewPort中
    Ext.create('Ext.container.Viewport',{
        layout : 'border',
        items : [{
            title : '头部',
            region : 'north',
            height : 60,
            html : '头部'
        },{
            title : '左边',
            region : 'west',
            width : 150,
            html : '左边'
        },{
            title : '中间',
            region : 'center',
            html : '中间内容'
        }]
    });
});