毁坏窗户

Question

我正在使用ExtJs4。

new Ext.Window({
    id: token + '_window',
    animateTarget: token + '_taskbar',  //Button id
    height: 300,
    width: 300,
    title: name,
    maximizable: true,
    minimizable: true,
    iconCls: 'basketball-small-icon',
    html: 'This is the <b>' + name + '</b> window',
    listeners: {
        'beforeclose': onWindowClose,
        'minimize': function(){ this.hide(); }
    }

请注意与动画目标关联的按钮。 这里 onWindowClose 被定义为

function onWindowClose(t){
var token = t.id.split('_')[0];
var taskBarItemId = token + '_taskbar';

Ext.getCmp(taskBarItemId).destroy(); //Destroying the button
t.destroy();  //Destroying the window
}

这里我想删除窗口和关联的按钮。 每次关闭窗口时，我有两种选择，如下所示，

• 我可以同时销毁按钮和窗口，但有时我无法再次打开窗口。我认为这与按钮链接到窗口的“animateTarget”这一事实有关。因为当我删除这个属性时，效果很好。
• 我可以使用 t.close() 而不是 t.destroy()，但它会变得递归。如何调用基本的 close 方法？

每次单击图标时都销毁窗口并使用“新”创建窗口是个好主意吗？ close() 和 destroy() 方法有什么区别？

Answer 1

如果我理解得很好，您想重用该窗口，并显示不同的内容。
因此，您应该只创建一个窗口，通过更新 html 内容并在此窗口上调用 show() 来重用该窗口。
要执行此操作，您需要添加属性 closeAction:'hide'。这样，当单击关闭按钮时，您的窗口就不会被破坏。

test = new Ext.Window({
    id: token + '_window',
    animateTarget: token + '_taskbar',
    height: 300,
    width: 300,
    title: name,
    maximizable: true,
    minimizable: true,
    closeAction: 'hide',
    iconCls: 'basketball-small-icon',
    html: 'This is the <b> imad </b> window',
    listeners:{
        'beforehide':function(win){
            Ext.getCmp(win.animateTarget).hide();
        }
    }
});

然后，将此侦听器添加到按钮中：

    listeners:{
        'click':function(){
            var token = t.id.split('_')[0];
            var targetWindow = Ext.getCmp('token + '_window);
            targetWindow.body.dom.innerHtml = 'Your new html !';
            targetWindow.show();
        }
    }

Answer 2

您不必调用 destroy()，因为一旦窗口关闭，它就会自动销毁。
请参阅 Ext.Window 的 api 。
并且不要在 beforeclose 处理程序中调用 close() ，因为它已经即将关闭。

我认为只要您想创建一个窗口并关闭它，您就可以使用“new”，或者单击关闭标题工具（右上角）或调用其 close() 方法。不用担心破坏。 Ext 会做到这一点。

close() 和 destroy() 之间的主要区别是 close 触发 'beforeclose' 事件，并根据配置选项 'closeAction' 决定是否关闭窗口或隐藏它。如果决定关闭，将调用 destroy()。

编辑：
尝试以下

function onWindowClose(t){
    var token = t.id.split('_')[0];
    var taskBarItemId = token + '_taskbar';

    Ext.getCmp(taskBarItemId).destroy(); //Destroying the button
    //t.destroy();  //Remove this statement.
    return true;
}

编辑2：删除最小化侦听器

listeners: {
    'beforeclose': onWindowClose//,
     //'minimize': function(){ this.hide(); }
}