Viewport及Window

• Viewport

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

• Window

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

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

• 一般情况下，在一个应用里面不要创建太多的窗口，这些窗口定义成全局的，动态loading内容就可以了。可以这样：

var btn = new Ext.Button({text: "创建新窗口"});
    btn.on("click", function(){
        if(!childWin){
            alert(124);
            var win = new Ext.Window({
                width:400,
                height:300,
                title:"My Ext Window",
                maximizable:true,
                modal:true,
                closeAction:"hide"
            })
        }
    });

sdf