Ext.Viewport代表浏览器窗口的整个显示区域，将document body作为渲染对象，它会根据浏览器窗口的大小自动调整自身的尺寸。
在一个页面中只允许出现一个Viewport实例，没有提供对滚动条的支持。
Js代码
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"}
]
});
});
