03_Ext_Viewport_Window

标签：

Viewport Viewport

　　代表整个浏览器窗口，直接渲染到document.body节点，取代页面中的所有内容。一般作为应用程序主界面.

      随着浏览器显示区域的大小自动改变，一个页面中只能有一个ViewPort实例。

Ext.onReady(function(){
    
        new Ext.Viewport({
            layout: ‘border‘,   //布局
            items:[{region:‘north‘,title:‘顶部工具Logo及Banner‘,height:100},
                   {region:‘west‘,title:‘菜单区‘,width:200},
                   {region:‘center‘,title:‘主区域‘}]
        });
    });

Window

　　表示应用程序窗口，其实是一个浮动的层，直接调用show方法显示窗口，窗口有关闭按钮； 窗口的关闭直接调用close方法，窗口的隐藏使用hide方法； 使用modal属性来配置模式窗口

　　窗口有一个属性 closeAction来设置到底是close还是hide

　　应用程序创建窗口是比较耗资源的.

　　我们可以创建一个窗口池，以后用的时候拿过来直接使用.

03_Ext_Viewport_Window

标签：

原文地址：http://www.cnblogs.com/yangw/p/4509607.html