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

Question

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

Answer 1

阅读您的意见，我以前的答复后，我认为你的问题是误导。您可以谈谈modal,另一个域名和closebutton但是从您的意见中可以看出，没有什么是真正相关的。我从您的意见中得出结论，您希望在KendoUI window中放置button（实际上是closebutton，但可能是其他任何），并且您还想显示一个页面（顺便说一句）在不同的域中。如果这是您真正想要的 - 并且预见与跨域和安全性相关的问题 - 我建议您应该实际使用content.template并定义一个模板，其中包括您的button和iframe引用页www.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(); 
}); 

你甚至可能通过定义closebutton下面的样式让页面的其余部分顶部的按钮float。

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

Answer 2

以下JavaScript代码定义了一个button用于打开modalkendoWindow。点击后，您可以在window的正文内按button以随时关闭它。

JavaScript代码：

var myWindow = $("#id1").kendoWindow({ 
    title : "hi", 
    visible: false, 
    modal : true 
}).data("kendoWindow"); 

$("#open").on("click", function() { 
    console.log("opening"); 
    myWindow.center(); 
    myWindow.open(); 
}); 
$("#close").on("click", function() { 
    console.log("closing"); 
    myWindow.close(); 
}) 

和HTML：

<a href="#" id="open" class="k-button">Open</a> 

<div id="id1"> 
    <p>this is the content of my window</p> 
    <a href="#" id="close" class="k-button">Close</a> 
</div>