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 : '中間內容'
        }]
    });
});