kendo-ui – 如何从窗口内容中关闭Kendo窗口？

在阅读您对我之前回答的评论后,我认为您的问题具有误导性.你谈论模态,另一个域和关闭按钮,但从你的评论看来,没有任何东西实际上是相关的.我从您的评论中得出结论,您希望在KendoUI窗口中放置一个按钮(实际上是一个关闭按钮,但可能是其他任何按钮),此外,您还希望显示一个页面(顺便提一下)位于不同的域中.如果这是您真正想要的 – 并且预见到与跨域和安全性相关的问题 – 我建议您实际上应该使用content.template并定义一个模板,包括您的按钮和引用页面www.xyz.com的iframe.

这样的东西……

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();
});

您甚至可以通过为关闭按钮定义以下样式使按钮浮动在页面的其余部分上.

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