如何重用kendo-ui窗口jquery

Question

我已经看到了有关此问题的一些帖子，但是我遇到了一个实际错误，而不是没有打开。 该窗口在成功功能上成功打开。 但是，我将其关闭后再尝试重新打开它时会收到错误消息。

错误信息

未捕获的TypeError：无法读取未定义的属性“ open”

$(document).ready(function () {
$(".export-pdf").click(function () {
        $.ajax({
            url: "/Home/Save",
            type: "POST",
            data: { source: data },
            success: function (data, textStatus, jqXHR) {
                openEmailWindow();

            }
        });

    });
});

function openEmailWindow() {
    var window = $("#email");
       $("#undo1")
           .bind("click", function () {
               window.data("kendoWindow").open();
           });


    if (!window.data("kendoWindow")) {
        window.kendoWindow({
            width: "600px",
            title: "Subject Property",
            actions: ["Close"],
            deactivate: onDeactivate
        });
    }
    function onDeactivate(e) {
        this.destroy();
        console.log("event :: deactivate");
    }
  }

});

视图

<span  id="undo1" style="margin-left: 865px" class="export-pdf k-button">Print Pdf</span>

  <div id="email"></div>

Answer 1

问题是您在停用处理程序中调用this.destroy（），该处理程序从DOM中删除了小部件html。

因此，由于它不存在而无法打开。

http://docs.telerik.com/kendo-ui/api/javascript/ui/window#methods-destroy

Answer 2

之所以发生此问题，是因为您在停用过程中破坏了窗口。 相反，您应该使用关闭功能

function onDeactivate(e) {
        this.close();
        console.log("event :: deactivate");
    }

请在这里参考样本小提琴