Ext.Viewport代表浏览器窗口的整个显示区域,将document body作为渲染对象,它会根据浏览器窗口的大小自动调整自身的尺寸。
在一个页面中只允许出现一个Viewport实例,没有提供对滚动条的支持。
Ext.onReady(function(){ var accordion = new Ext.Panel({ title: "功能分组", layout: "accordion", layoutConfig: { animate: true }, width: 250, minWidth: 100, region: "west", split: false, collapsible: true, items: [ {title:"嵌套面板一", html:"嵌套面板一", iconCls:"save"}, {title:"嵌套面板二", html:"嵌套面板二", iconCls:"search"}, {title:"嵌套面板三", html:"嵌套面板三", iconCls:"back"} ] }); new Ext.Viewport({ title: "Viewport", layout: "border", defaults: { bodyStyle: "background-color: #FFFFFF;", frame: true }, items: [ accordion, {region:"north", height:100}, {region:"center"} ] }); });