当使用iframe时,KendoUI窗口大小太大

时间:2014-04-09 15:44:49

标签: kendo-ui kendo-window

我正在尝试根据用户点击的链接将不同的静态html文件加载到KendoWindow中。我使用以下内容加载内容。

$(document.body).append('<div id="formWindow"></div>');

$('#formWindow').kendoWindow({
    visible: false,
    iframe: true,
    height: "auto",
    maxWidth: 700,
    title: noticeTitle,
    modal: true,
    resizable: true,
    width: 700,
    refresh: function() {
      this.center();
    },
    close: function(e) {
      var dialog = $("#formWindow").data("kendoWindow");
      dialog.destroy();
    },
    content: formContent
});

当我使用“iframe:false”时,窗口大小(高度)是正确的大小。但是我需要一个iframe,因为有时加载的页面是一个提交数据的表单,我不希望整个浏览器页面改变,只需要改变KendoWindow的内容。当使用“iframe:true”时,KendoWindow大小几乎是浏览器屏幕的高度(即太高)。

我希望能够调整窗口以适应动态加载的内容,但我无法弄清楚如何使用JavaScript或JQuery来获取窗口内容的高度。

我的内容始终是平衡标签和页面片段(即没有标签)。

谢谢!

1 个答案:

答案 0 :(得分:0)