html iFrame内部的JQueryUI DatePicker没有';t展开超过框架

本文关键字:框架 内部 iFrame JQueryUI 没有 DatePicker html | 更新日期: 2023-09-27 18:29:06

我有一个ASP.net aspx页面,它由3个iframe组成。一个用于标题,一个用于侧菜单,一个用作主要内容区域。标题框有两个日期字段,它们将对主区域中的数据应用某种筛选。

我必须将日期字段更改为更用户友好的字段,所以我想我应该使用一些jquery日期选择器。

我遇到的问题是iframe的高度小于日期选择器选择窗口的高度。日期选择器没有显示在其他帧的顶部,而是没有完全显示(停止在iframe的末尾)。

我尝试了很多z索引的篡改,但在我看来,这一切只适用于iframe中的页面,并不影响它在主页上的显示方式。

有什么建议吗?我想做的事情有可能吗?

谢谢!

html iFrame内部的JQueryUI DatePicker没有';t展开超过框架

您想要实现的目标是不可能的。iframe是一个自包含的文档,就像不同浏览器窗口中的页面一样。只要您使用iframe,其中的任何内容都将在iframe的边界处结束。

您还会发现,让不同iframe中的脚本相互通信会遇到很多困难,尤其是在较旧的浏览器和intranet查看器(也称为Internet Explorer)中。

简而言之:如果没有理由使用iframe,就不要使用。在一个页面上有三个页面就像在浏览器中同时打开四个网页一样,通常是浪费资源。当您需要加载内容时,使用iframe是有意义的,例如,从不同的域加载内容,并且您希望它与页面上的内容隔离。

我知道它很晚了,但它可能会对某人有所帮助:

您可以动态增加和减少帧集的行数:

$("#fromdate, #todate").click(function () {
        $('frameset', top.document).eq(2).attr('rows', '300,*');
    });