如何从窗口内容中关闭Kendo窗口？

Question

我有一个申请.在单击按钮时,我试图打开一个Kendo模式窗口.它正在打开.我的应用程序位于一个域中,而Kendo窗口的内容来自另一个域.现在我想用一个位于Kendo窗口内的按钮关闭模态窗口.问题在这里开始.我无法关闭模态窗口.我使用谷歌搜索但没有找到任何解决方案 - 你知道吗？

Answer 1

在阅读了您对我之前的回答的评论后，我认为您的问题具有误导性。您谈论的modal是另一个领域，但从close button您的评论来看，这些内容实际上都不相关。我从您的评论中得出结论，您希望在 KendoUI 中放置 a button（实际上是 a但可能是任何其他） ，此外您还希望显示一个位于不同域中的页面（顺便说一下）。如果这是您真正想要的 - 并且预见到与跨域和安全性相关的问题 - 我建议您应该实际使用和定义一个模板，包括您的页面和引用页面。close buttonwindowcontent.templatebuttoniframewww.xyz.com

像这样的东西...

var myWindow2 = $("#id2").kendoWindow({
    modal    : true,
    draggable: false,
    content  : {
        template: '<a href="javascript:void(0);" id="close2" class="k-button">Close</a>' +
                '<iframe src="http://www.xyz.com" frameborder="0" class="k-content-frame"></iframe>'
    },
    visible  : false,
    width    : 400,
    height   : 200,
    resizable: false,
    iframe   : true
}).data("kendoWindow");

$("#open2").on("click", function () {
    myWindow2.center();
    myWindow2.open();
});

$("#close2").on("click", function () {
    myWindow2.close();
});

float您甚至可以通过定义以下样式将该按钮放在页面其余部分的顶部close button。

#close2 {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10000;
}