Window 点击“X”关闭之后无法show

转载于 2014-04-29 08:28:00 发布 · 81 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yshyee/p/3698429.html

本文介绍如何在ExtJS中设置窗口的关闭行为为隐藏而非销毁，通过修改closeAction属性实现窗口的灵活显示与隐藏。

将Window的属性closeAction设置为hide就可以了。

var panel1 = Ext.create('Ext.panel.Panel', {
    title: 'this is panel 1',
    width: 100,
    height: 60
});

var panel2 = Ext.create('Ext.panel.Panel', {
    title: 'this is panel 2',
    width: 200,
    height: 60
});

var win = Ext.create('Ext.window.Window', {
    title: 'Window',
    width: 300,
    height: 200,
    layout: 'auto',
    closeAction : 'hide',
    items: [panel1,panel2]
});

Ext.onReady(function(){
    
    Ext.create('Ext.panel.Panel', {
        title: 'This is a panel',
        width: '100%',
        height: '100',
        renderTo: Ext.getBody(),
        dockedItems: [
            {
                xtype: 'toolbar',
                dock: 'top',
                items:[
                    {
                        text: 'show me',
                        handler: function(){
                            win.show();
                        }
                    },
                    {
                        text: 'close me',
                        handler: function(){
                            win.hide();
                        }
                    }
                ]
            }
        ]
    });
});