无法关闭 Durandal 模态

Question

我已经阅读了几乎所有关于此的 stackoverflow 问题，但仍然无法正常工作...

我有一个模式，我在异步函数发生时用作“请稍候”。

视图模型是：

define(['plugins/dialog', 'knockout'], function (dialog, ko) {

    var CustomModal = function () {
        var self = this;
        this.msg = ko.observable(" Please Wait...");
    };

    CustomModal.show = function () {
        return dialog.show(new CustomModal());
    };

    CustomModal.close = function () {
        var self = this;
        dialog.close(self);
    };

    return CustomModal;
});

我还有其他带有“确定”按钮的模态框，它们关闭得很好，但是这个模态框是从我的主逻辑流程中打开的（我希望是关闭的）。

我在我的主代码中“需要”模态视图模型，这可以很好地显示它：

modalBusy.show();

但是，这并没有关闭对话框，这让我发疯了！

modalBusy.close();

调试时没有出错，但我的 close 方法中的“self”不是实际的视图模型对象，只是包含

    var CustomModal = function () {
        var self = this;
        this.msg = ko.observable(" Please Wait...");
    };

再咬一遍，显然这是错误的。

Answer 1

您忘记使用prototype。您的关闭方法应该是：

CustomModal.prototype.close = function() {
    dialog.close(this);
}; 

按照您的编写方式，close() 是一种“静态”方法。而对于prototype，它是一个“类”方法。这就是为什么this 没有引用您所期望的。使用原型链，this 将引用实例化的对象。

更新：这里是一个示例，说明如何从可以工作的主代码中关闭模式，但是，它需要您重构 show() 方法。

define(['plugins/dialog', 'knockout'], function (dialog, ko) {
  var CustomModal = function () {
    this.msg = ko.observable(" Please Wait...");
  };

  CustomModal.prototype.show = function () {
    return dialog.show(this);
  };

  CustomModal.prototype.close = function () {
    dialog.close(this);
  };

  return CustomModal;
});

// from your main code, you use it like this    
var modal = new modalBusy();
modal.show();

// then, whenever you want to close it
modal.close();