如何重用 kendo-ui window jquery

Question

我看过一些关于这个问题的帖子，但我收到了一个实际错误，而不是它没有打开。 window 在成功功能上成功打开。但是我在关闭它然后尝试重新打开它后收到错误消息。

错误信息

Uncaught TypeError: Cannot read property 'open' of undefined

$(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

出现此问题是因为您在停用期间破坏了 window。而不是你应该使用关闭函数

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

请参考sample fiddle here

如何重用 kendo-ui window jquery

how to reuse kendo-ui window jquery

javascript

jquery

kendo-ui

kendo-ui-window