`
pyleaf
  • 浏览: 39448 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

[转]easyui使用tabs,在iframe中调用window,窗体不能置顶的解决办法

阅读更多

http://yjw0909.blog.163.com/blog/static/196130620112186371191/

 

原因是因为iframe是一个单独的网页,所以在这个网页中生成的对象不可能到iframe外面显示。

所以只能考虑讲window加载到最外层的页面中。

实现代码如下:

var win = window.top.document.createElement("<div id=\"open_window"+ winid+"\" style=\"padding:0px;\"></div>"); 
        window.top.document.body.appendChild(win); 
        window.top.$(win).window({
           title: title,
           width: width,
           modal: modal,
           shadow: false,
           closed: true,
           height: height,
           draggable:false,
           zIndex:999+nextWinId,
           inline:true,
           content:$.createFrame(url),
           onClose:function(){
               window.setTimeout(function(){$(win).window('destroy',false)},  0);
           }  
        })
       window.top.$(win).window('open'); 

 

另一个方法在主页面建对象

var win = window.top.$("<div id=\"open_window"+ winid+"\" style=\"padding:0px;\"></div>").appendTo(window.top.document.body); 

win.window({
           title: title,
           width: width,
           modal: modal,
           shadow: false,
           closed: true,
           height: height,
           zIndex:999+nextWinId,
           inline:false,
           content:$.createFrame(url),
           onClose:function(){
               window.setTimeout(function(){debugger;win.window('destroy',false)}, 0);
           }  
        })
       //$('#open_window') zIndex   得改id
       //$('#open_window').appendTo('body').window('open'); 
       win.window('open'); 

 

另外贴一个从网上找到的获取顶级父页面对象的方法

jquery 获取顶级父页面对象出错,解决方法

代码: < table > < tr > < td >< s:include file="leftmenu.jsp" > </td> < td valign="top"> < div > </div> </tr> </table> 。。。。。。。。 以上为我的html模版,如果在 web body中使用 $("#ControlBar", top.document.body)会报错,但是 window.top.$("#ControlBar", top.document.body) 即可

分享到:
评论

相关推荐

    easyui iframe 页面重复加载的问题

    比如,可以将一个页面的内容放在iframe中,并在另一个页面中使用Ajax请求来更新iframe的内容。当A页面发生改变时,通过Ajax通知B页面,B页面再向服务器请求最新的数据,然后更新iframe的内容。这样的设计可以保证...

    关闭easyui 的tab 释放iframe的内存

    例如,如果原代码中使用的不是`i.panel("options").tab.remove();`,而是其他变量名,请相应调整上述代码中的`i`为实际变量名。 3. **注意事项**: - 此解决方案适用于EasyUI 1.2.5版本。 - 需要特别注意的是,...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    在EasyUI中,我们可能会遇到需要在弹出窗口(子页面)与父页面之间进行数据传递或调用父页面方法的需求。下面将详细讲解这个过程。 首先,让我们理解标题中的“弹出window窗口传值”。在EasyUI中,创建一个弹出窗口...

    Easyui tabs 标题居左,文字竖着

    Easyui tabs 标题居左,文字竖着

    Easyui tabs 左侧文字竖着显示

    Easyui tabs Title居左侧,并且文字竖着显示

    jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法

    我们在使用EasyUI Tabs框架时,在框架最顶层的弹出窗体中需要操作当前Tab的iframe窗体内容或方法,这时候我们就可以使用以下方法来实现。 具体实现代码如下所示: function getTabWindow() { var curTabWin = null...

    手把手教你制作easyUI工作站,主要学习tabs方法

    在本文中,我们将深入探讨如何使用EasyUI框架创建一个具备tabs功能的工作站。EasyUI是一个基于jQuery的用户界面插件集合,它为开发者提供了丰富的组件和便捷的API,以简化Web应用的界面开发。让我们逐步了解如何利用...

    easyui+增强窗体 demo_ext为实例文件

    1、$.showWindow 和 $.showModalDialog 在useiframe=true时,对窗体body增加遮罩控制。 2、easyui.tabs的add方法当useiframe=true时,增加遮罩控制。 3、toolbar增加url属性,可以通过请求后台数据构建。 4、增加...

    easyui tabs 右键关闭

    在本主题中,我们将聚焦于“easyui tabs 右键关闭”这一功能,即如何在 EasyUI 的选项卡上实现类似浏览器的右键菜单,允许用户通过右键点击关闭当前选项卡。 首先,我们需要创建一个基本的 EasyUI 选项卡结构。这...

    easyui tabs 右键关闭菜单扩展插件

    非常好看的易用的easyui tabs 右键插件,自己两行代码就搞定

    EasyUI tutorial 中文版 chm

    使用easyUI在panel中创建复杂布局 使用easyUI创建折叠面板 使用easyUI创建Tabs标签 使用easyui创建tabs组件和动态添加 使用easyUI创建一个自动播放的tabs 使用easyUI创建XP风格左侧面板 DataGrid 使用...

    扩展EasyUI tabs 组件,加载tab页时添加遮罩

    在这个场景中,我们关注的是如何扩展EasyUI的tabs组件,使其在加载新的tab页时显示遮罩,以提供更优雅的加载体验。EasyUI是一个基于jQuery的轻量级前端框架,它提供了丰富的组件库,包括tabs,用于构建多面板的用户...

    EasyUI tabs添加右键关闭菜单

    在本主题“EasyUI tabs 添加右键关闭菜单”中,我们将探讨如何为 EasyUI 的 tabs 组件添加自定义的右键菜单,实现点击右键时出现一个包含“关闭当前标签页”选项的菜单。 首先,我们需要了解 EasyUI 的 tabs 组件的...

    jQuery easyui刷新当前tabs的方法

    在jQuery EasyUI框架中,开发人员经常需要处理各种用户界面交互,其中一项常见的需求就是刷新当前活动的选项卡(tabs)。jQuery EasyUI提供了一个简洁的API来实现这一功能,主要涉及`tabs`组件的`update`方法。这篇...

    jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)

    本文将深入探讨如何利用EasyUI的Window插件在Layout框架页面中实现弹出窗体到最顶层的效果,尤其是当窗体需要穿越iframe时。 首先,我们需要理解jQuery EasyUI的Window组件。Window是EasyUI中的一个动态弹出窗口,...

    JavaScript提高:005:ASP.NET使用easyUI TABS标签显示问题

    在ASP.NET中使用EasyUI时,首先需要确保在页面中引入EasyUI的CSS和JavaScript文件。这些文件通常可以从官方网站下载,或者通过CDN链接直接引用。然后,我们需要在HTML代码中创建TABS结构,通常使用`&lt;div&gt;`标签配合`...

    EasyUI防止window框拖拽出边界js代码

    在 EasyUI 中,`window`组件是一个常见的弹出对话框,它可以被拖曳以改变位置。然而,当用户尝试将窗口拖动到屏幕边界之外时,可能会导致窗口部分超出屏幕范围,使得部分内容不可见或无法交互,这会严重影响用户体验...

    解决EasyUI中Tree的CheckBox不能设置为禁用的问题

    //设置一个标志位,在整棵树加载完成后就将标志位设置为false,不允许勾选checkbox了,在加载数据完成之前是可以勾选的,用来在数据中设置勾选了哪些节点 //这样就可以实现读取url数据时是可以设置勾选了哪些节点,在...

    EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码

    class=”easyui-tabs”&gt; ”tabs1″&gt; tabs1 &lt;/div&gt; ”tabs2″&gt; tabs2 &lt;/div&gt; &lt;/div&gt; 如果id=”tabs”的div未设置宽度和高度,easyUI默认的宽度和高度是auto,这样在google浏览器下显示正常,但是在IE下默认不显示任何...

Global site tag (gtag.js) - Google Analytics