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