/* 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); });