从模态窗口上的按钮关闭父窗口（Kendo UI）答案

【问题标题】：Close Parent Window from Button on Modal Window (Kendo UI)从模态窗口上的按钮关闭父窗口（Kendo UI）
【发布时间】：2014-05-08 15:41:25
【问题描述】：

...所以我有代码可以在屏幕上打开模态窗口：

       var frmUpdateSuccessDiv = $('#frmUpdateSuccess').kendoWindow({
            height: "260px",
            width: "480px",
            title: false,
            modal: true,
            visible: false

        }).data('kendoWindow');

        frmUpdateSuccessDiv.center();
        frmUpdateSuccessDiv.open();

窗口上有一个 id="uSuccess" 的按钮

我如何编写 jQuery 代码以不仅关闭模态窗口，还关闭父窗口？

        $('#uSuccess').click(function () {
            $('#frmUpdateSuccess').closest(".k-window-content").data("kendoWindow").close();
        });

没有完成...和

        $('#uSuccess').click(function () {
            window.parent.close();
        });

似乎只在 IE 中工作（并抛出一个很大的丑陋警告“按钮想要关闭窗口，等等，等等……）

想法？

【问题讨论】：

标签： javascript jquery asp.net-mvc-4 kendo-ui kendo-window

【解决方案1】：

关闭模态窗口是$('#frmUpdateSuccess').data("kendoWindow").close();（没有closest(".k-window-content")）

所以你的按钮处理程序应该是：

    $('#uSuccess').click(function () {
        $('#frmUpdateSuccess').data("kendoWindow").close();
    });

在这里查看：http://jsfiddle.net/OnaBai/BtSUQ/

但是关闭窗口可能像window.close() 一样简单（不知道为什么要尝试使用parent，除非您的代码在 IFRAME 中）但在某些浏览器中，出于安全原因，这将不起作用（禁止来自和你一起玩窗口/标签）。

【讨论】：

【解决方案2】：

鉴于您的成功窗口缺少上下文，我不确定您的目标是什么，但这段代码可能会让您走上正确的道路。它允许窗口上的按钮关闭包含的窗口。

$(".close-button").click(function(){
    // call 'close' method on nearest kendoWindow
    $(this).closest("[data-role=window]").kendoWindow("close");
});

【讨论】：