ExtJS如何从控制器内的其他功能关闭窗口

Question

在我的controller (ExtJS 4.2.1) 中，我有一个函数可以创建这样的窗口：

refs: [{
        ref: 'holidayView',
        selector: '[xtype=holiday.view]'
    }],
    init: function (application) {
        this.control({
            '[xtype=holiday.view] button#btnPrint': {
                click: me.onPrint
            }
        });
    },
    onPrint: function () {

        var me = this;

        var window = Ext.create('Ext.window.Window', {
            title: 'My Window',
            itemId: 'myWindow',
            width: 300,
            height: 300,
            modal: true,
            layout: fit,
            items: [{
                xtype: 'panel'
            }]
        });

        window.show();

    },
    otherFunction: function () {
        var me = this;
        // here I need to close the window
        // I tried this:

        var window = me.getHolidayView().up('#myWindow'); // but its undefined
        // me.getHolidayView() is accesible

        // I also have tried this:
        var window = me.getHolidayView().down('#myWindow'); // also its undefined

    }

关于如何获取窗口组件以便我可以关闭它的任何线索？

谢谢-

更新：

我试过了，效果很好，但现在确定这是否是正确的方法：

 var win = Ext.WindowManager.getActive();
            if (win) {
                win.close();
            }

Answer 1

您的错误在以下行内：

var window = me.getHolidayView().up('#myWindow');

默认情况下，window 是浮动的，因此（默认情况下）不是所有者容器。这就是为什么您不能使用up() 或down() 查找它们的原因，因为它们不在该层次结构中。以下是访问窗口（或任何其他视图）的三种变体

变体 A

使用WindowManager 绝对没问题。此外，您可以从应用程序的每个部分执行此操作。这就是经理的目的（例如StoreManager）

var win = Ext.WindowManager.getActive();
if (win) {
    win.close();
}

变体 B

但是可能存在多个窗口的情况，现在WindowManager 仍然可以为您提供所有窗口，但如果您不确定活动窗口是否是您正在寻找的窗口，则需要对其进行迭代.这时，自动获取器——或调用 refs——变得很方便。首先，您需要确保您拥有自己的窗口视图或任何唯一标识符。现在您可以为您的窗口创建ref，就像您在示例中所做的那样。以下是使用不同选择器的示例：

{
    ref: 'customWin',
    selector: 'window[itemId=anystring]'
}

请注意，以下选择器将查找具有名为itemId 的属性的window，该属性的定义类似于itemId:'anystring'。另请注意，如果 nit 尚不存在，则 ref 也可以创建窗口。有关更多信息，请参阅 refs 文档。另请注意，创建的 refs 是公开的，这意味着只需从应用程序中的任何位置获取控制器实例（我想您定义了 appProperty）并像这样调用创建的 getter

App.appPropertyValue.getController('name').getCustomWin()

变体 C

最后但同样重要的是，您可以创建自己的 getter，就像 @incutonez 所做的那样。

getMyWindow: function() {
  var myWindow = this.myWindow;
  if (!myWindow) {
    myWindow = this.myWindow = Ext.create('Ext.window.Window', {
      title: 'My Window',
      width: 300,
      height: 300,
      modal: true,
      layout: fit,
      items: [{
        xtype: 'panel'
      }]
    });
  }
  return myWindow;
}

Answer 2

我使用 Ext JS 的方式稍有不同，所以对此持保留态度...我什至不碰 refs 或 init 的东西，因为那感觉不对，但我将其保留在此示例中，因为我不知道 holidayView 是什么。我会这样做：

refs: [{
  ref: 'holidayView',
  selector: '[xtype=holiday.view]'
}],
init: function (application) {
  this.control({
    '[xtype=holiday.view] button#btnPrint': {
      click: me.onPrint
    }
  });
},
onPrint: function () {
  var me = this;

  var myWindow = this.getMyWindow();
  if (myWindow) {
    window.show();
  }
},

getMyWindow: function() {
  var myWindow = this.myWindow;
  if (!myWindow) {
    myWindow = this.myWindow = Ext.create('Ext.window.Window', {
      title: 'My Window',
      width: 300,
      height: 300,
      modal: true,
      layout: fit,
      items: [{
        xtype: 'panel'
      }]
    });
  }
  return myWindow;
},

otherFunction: function () {
  var me = this;
  // here I need to close the window
  // I tried this:

  var window = me.getMyWindow(); // but its undefined
}

这对我来说更像是 OOP...我有一个 getter，而且我不必担心管理 ID...显然私有变量 myWindow 可能会成为问题，但感觉有了 getter 就更合适了，我可以重复使用这个窗口。