ext desktop怎样隐藏父窗口


地址：http://love.onmen.net/331/desktop/desktop.html 桌面上的系统设置点击系统设置后出现2个窗口，怎样只显示子窗口呢，还有在状态栏也显示子窗口sample.js
MyDesktop.setWindow = Ext.extend(Ext.app.Module, {
    id:'set-win',
    init : function(){
        this.launcher = {
            text: '系统设置',
            iconCls:'set',
            handler : this.createWindow,
            scope: this
        }
    },    createWindow : function(){
        var desktop = this.app.getDesktop();
        var win = desktop.getWindow('set-win');
        if(!win){
            win = desktop.createWindow({
                id: 'set-win',
                title:'系统设置',
                width:740,
                height:480,
                iconCls: 'set',
                shim:false,
                animCollapse:false,
                border:false,
                constrainHeader:true,                layout: 'fit', 
                autoLoad:{url:'settings.html', scripts:true} 
                  
            });
        }
        win.show();
    }
});settings.html
代码
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gbk">
        <title>07.window</title>
        <link rel="stylesheet" type="text/css" href="../../static/ext-3.3.1/resources/css/ext-all.css" />
        <script type="text/javascript" src="../../static/ext-3.3.1/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="../../static/ext-3.3.1/ext-all.js"></script>
        <script type="text/javascript">
Ext.onReady(function(){    var tabs = new Ext.TabPanel({ 
        region: 'center',
        margins:'3 3 3 0',
        activeTab: 0,
        defaults:{autoScroll:true}, 
        items:[{
            title: '默认',
            html: '内容'
        },{
            title: '标签',
            html: '内容'
        },{
            title: '可关闭',
            html: '内容',
            closable:true
        }]
    });    var nav = new Ext.Panel({
        title: '导航',
        region: 'west',
        split: true,
        width: 200,
        collapsible: true,
        margins:'3 0 3 3',
        cmargins:'3 3 3 3'
    });    var win = new Ext.Window({  
        title: '第2层窗口',
        closable:true,
        width:600,
        height:350,
        border:false,
        layout: 'border',        items: [nav, tabs]
    });    win.show();});
        </script>
    </head>
    <body>
        <script type="text/javascript" src="../examples.js"></script>
    </body>
</html>

解决方案 »

  1.   

    ...终于看明白你的意思了直接把 setting.html里面的Ext窗口建立代码 拿出来按照你sample。js的格式放进去
      

  2.   


    不想让sample.js文件太大，所以
    settings.html代码只能在settings.html里。我是新手，不会弄，可以帮我写一段吗
      

  3.   

    调不出窗口sample.js MyDesktop.setWindow = Ext.extend(Ext.app.Module, {
        id:'set-win',
        init : function(){
            this.launcher = {
                text: '系统设置',
                iconCls:'set',
                handler : this.createWindow,
                autoLoad:{url:'settings/index22.html', scripts:true} ,
                scope: this
            }
        }
    });
      
    setting.html
    Ext.onReady(function(){    var tabs = new Ext.TabPanel({ 
            region: 'center',
            margins:'3 3 3 0',
            activeTab: 0,
            defaults:{autoScroll:true}, 
            items:[{
                title: '默认',
                html: '内容'
            },{
                title: '标签',
                html: '内容'
            },{
                title: '可关闭',
                html: '内容',
                closable:true
            }]
        });    var nav = new Ext.Panel({
            title: '导航',
            region: 'west',
            split: true,
            width: 200,
            collapsible: true,
            margins:'3 0 3 3',
            cmargins:'3 3 3 3'
        });     createWindow : function(){
            var desktop = this.app.getDesktop();
            var win = desktop.getWindow('set-win');
            if(!win){
                win = desktop.createWindow({
                    id: 'set-win',
                    title:'系统设置',
                    width:740,
                    height:480,
                    iconCls: 'set',
                    shim:false,
                    animCollapse:false,
                    border:false,
                    constrainHeader:true,                layout: 'fit',  
            items: [nav, tabs]
                      
                });
            }
            win.show();
        }
    });
      

  4.   


    兄弟你不能瞎写啊，这几天我也在用ext的桌面，先弄明白sample.js，建议你看《[深入浅出Ext.JS].徐会生等.扫描版.pdf》，第11章19节，大约5页纸张，看完这个你一切都明白了。
      

  5.   

    MyDesktop.setWindow = Ext.extend(Ext.app.Module, {
    id:'set-win',
    init : function(){
    this.launcher = {
    text: '系统设置',
    ……后面怎么加啊，