Ext.Viewport

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"}
        ]
    });
});