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

前端之家收集整理的这篇文章主要介绍了kendo-ui – 如何从窗口内容中关闭Kendo窗口?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个申请.在单击按钮时,我试图打开一个Kendo模式窗口.它正在打开.我的应用程序位于一个域中,而Kendo窗口的内容来自另一个域.现在我想用一个Kendo窗口内的按钮关闭模态窗口.问题在这里开始.我无法关闭模态窗口.我使用谷歌搜索它但没有找到任何解决方案 – 你知道吗?
在阅读您对我之前回答的评论后,我认为您的问题具有误导性.你谈论模态,另一个域和关闭按钮,但从你的评论看来,没有任何东西实际上是相关的.我从您的评论中得出结论,您希望在KendoUI窗口中放置一个按钮(实际上是一个关闭按钮,但可能是其他任何按钮),此外,您还希望显示一个页面(顺便提一下)位于不同的域中.如果这是您真正想要的 – 并且预见到与跨域和安全性相关的问题 – 我建议您实际上应该使用content.template并定义一个模板,包括您的按钮和引用页面www.xyz.com的iframe.

这样的东西……

  1. var myWindow2 = $("#id2").kendoWindow({
  2. modal : true,draggable: false,content : {
  3. template: '<a href="javascript:void(0);" id="close2" class="k-button">Close</a>' +
  4. '<iframe src="http://www.xyz.com" frameborder="0" class="k-content-frame"></iframe>'
  5. },visible : false,width : 400,height : 200,resizable: false,iframe : true
  6. }).data("kendoWindow");
  7.  
  8. $("#open2").on("click",function () {
  9. myWindow2.center();
  10. myWindow2.open();
  11. });
  12.  
  13. $("#close2").on("click",function () {
  14. myWindow2.close();
  15. });

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

  1. #close2 {
  2. position: absolute;
  3. top: 10px;
  4. left: 10px;
  5. z-index: 10000;
  6. }

猜你在找的Windows相关文章