在其中打开窗口时的面板侦听器

Question

我有一个面板，它作为一个桌面。单击按钮时，会在面板内打开一个窗口。我在配置中设置了以下内容：

var win = Ext.create('window', { 
   renderTo : currentPanel.getLayout().getTarget(),
   constrain : true
});
win.show();

因此，我的窗口在主面板中处于打开和约束状态。我想让面板监听其中是否有任何窗口打开，这样我就可以监控它。有没有监听器会这样做呢？我尝试了“添加”和“添加”，但窗口必须通过以下方式添加到面板：

panel.add(window);

但在我的例子中，我没有将它添加到容器中，而是使用renderTo打开它并将其约束到我的容器中。

Answer 1

我要做的是为你的桌面创建一个panel的子类，为你的windows创建一个window的子类。向您的自定义面板添加一个'windowOpened‘侦听器，并从您的自定义窗口的'show’侦听器中激发此事件。

如下所示：

DesktopPanel.js

Ext.define('App.view.DesktopPanel', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.desktoppanel',

    initComponent: function() {
        this.callParent();
        this.addListener('windowOpened', function(newWindow){
            //Do whatever it is you want to do here
        });
    }
});    

DesktopWindow.js

Ext.define('App.view.DesktopWindow', {
    extend: 'Ext.window.Window',
    alias: 'widget.desktopwindow',

    constrain: true,

    initComponent: function() {
        this.renderTo = this.ownerPanel.getLayout().getTarget();
        this.callParent();
        this.addListener('show', function(){
            this.ownerPanel.fireEvent('windowOpened',this);
        });
    }
});

那么你的代码应该是这样的：

var win = Ext.create('App.view.DesktopWindow', { 
   ownerPanel: MyDesktop,  //an instance of 'DesktopPanel'
});
win.show();