学步园

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