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) 即可
分享到:
相关推荐
比如,可以将一个页面的内容放在iframe中,并在另一个页面中使用Ajax请求来更新iframe的内容。当A页面发生改变时,通过Ajax通知B页面,B页面再向服务器请求最新的数据,然后更新iframe的内容。这样的设计可以保证...
例如,如果原代码中使用的不是`i.panel("options").tab.remove();`,而是其他变量名,请相应调整上述代码中的`i`为实际变量名。 3. **注意事项**: - 此解决方案适用于EasyUI 1.2.5版本。 - 需要特别注意的是,...
在EasyUI中,我们可能会遇到需要在弹出窗口(子页面)与父页面之间进行数据传递或调用父页面方法的需求。下面将详细讲解这个过程。 首先,让我们理解标题中的“弹出window窗口传值”。在EasyUI中,创建一个弹出窗口...
Easyui tabs 标题居左,文字竖着
Easyui tabs Title居左侧,并且文字竖着显示
我们在使用EasyUI Tabs框架时,在框架最顶层的弹出窗体中需要操作当前Tab的iframe窗体内容或方法,这时候我们就可以使用以下方法来实现。 具体实现代码如下所示: function getTabWindow() { var curTabWin = null...
在本文中,我们将深入探讨如何使用EasyUI框架创建一个具备tabs功能的工作站。EasyUI是一个基于jQuery的用户界面插件集合,它为开发者提供了丰富的组件和便捷的API,以简化Web应用的界面开发。让我们逐步了解如何利用...
1、$.showWindow 和 $.showModalDialog 在useiframe=true时,对窗体body增加遮罩控制。 2、easyui.tabs的add方法当useiframe=true时,增加遮罩控制。 3、toolbar增加url属性,可以通过请求后台数据构建。 4、增加...
在本主题中,我们将聚焦于“easyui tabs 右键关闭”这一功能,即如何在 EasyUI 的选项卡上实现类似浏览器的右键菜单,允许用户通过右键点击关闭当前选项卡。 首先,我们需要创建一个基本的 EasyUI 选项卡结构。这...
非常好看的易用的easyui tabs 右键插件,自己两行代码就搞定
使用easyUI在panel中创建复杂布局 使用easyUI创建折叠面板 使用easyUI创建Tabs标签 使用easyui创建tabs组件和动态添加 使用easyUI创建一个自动播放的tabs 使用easyUI创建XP风格左侧面板 DataGrid 使用...
在这个场景中,我们关注的是如何扩展EasyUI的tabs组件,使其在加载新的tab页时显示遮罩,以提供更优雅的加载体验。EasyUI是一个基于jQuery的轻量级前端框架,它提供了丰富的组件库,包括tabs,用于构建多面板的用户...
在本主题“EasyUI tabs 添加右键关闭菜单”中,我们将探讨如何为 EasyUI 的 tabs 组件添加自定义的右键菜单,实现点击右键时出现一个包含“关闭当前标签页”选项的菜单。 首先,我们需要了解 EasyUI 的 tabs 组件的...
在jQuery EasyUI框架中,开发人员经常需要处理各种用户界面交互,其中一项常见的需求就是刷新当前活动的选项卡(tabs)。jQuery EasyUI提供了一个简洁的API来实现这一功能,主要涉及`tabs`组件的`update`方法。这篇...
本文将深入探讨如何利用EasyUI的Window插件在Layout框架页面中实现弹出窗体到最顶层的效果,尤其是当窗体需要穿越iframe时。 首先,我们需要理解jQuery EasyUI的Window组件。Window是EasyUI中的一个动态弹出窗口,...
在ASP.NET中使用EasyUI时,首先需要确保在页面中引入EasyUI的CSS和JavaScript文件。这些文件通常可以从官方网站下载,或者通过CDN链接直接引用。然后,我们需要在HTML代码中创建TABS结构,通常使用`<div>`标签配合`...
在 EasyUI 中,`window`组件是一个常见的弹出对话框,它可以被拖曳以改变位置。然而,当用户尝试将窗口拖动到屏幕边界之外时,可能会导致窗口部分超出屏幕范围,使得部分内容不可见或无法交互,这会严重影响用户体验...
//设置一个标志位,在整棵树加载完成后就将标志位设置为false,不允许勾选checkbox了,在加载数据完成之前是可以勾选的,用来在数据中设置勾选了哪些节点 //这样就可以实现读取url数据时是可以设置勾选了哪些节点,在...
class=”easyui-tabs”> ”tabs1″> tabs1 </div> ”tabs2″> tabs2 </div> </div> 如果id=”tabs”的div未设置宽度和高度,easyUI默认的宽度和高度是auto,这样在google浏览器下显示正常,但是在IE下默认不显示任何...