如何让EasyUI弹出层跳出框架

时间:13-04-15 栏目:EasyUI, web前端 作者:zongyan86 评论:0 点击: 14,523 次

问题显示如下,弹出框被遮住了,而且一移动,就移动不回来。
window

这个的解决方法其实挺简单的。

只要在最外面的框架页面加个div,然后用parent.div的id就可以的。但是必须得弹出框得是一个页面。

<div id="div_info"></div>

 

 

//外层弹出框1
function openFirstWin(url, title, width, height) {
var strWidth;
var strHeight;
if (width == null)
strWidth = 800;
else
strWidth = width;
if (height == null)
strHeight = 500;
else
strHeight = height;
if (url != null) {
//var content = '<iframe name=\"first\" scrolling=\"auto\" frameborder=\"0\" src=\"' + url + '\" style=\"width:100%\;height:100%\;\"></iframe>';
var content = createIFrame(url);
parent.$('#div_info').window({
close: false,
modal: true,
draggable: false,
title: title,
animate: true,
content: content,
minimizable: false,
width: strWidth,
height: strHeight,
top: (parent.$(parent.window).height() - height) * 0.5,
left: (parent.$(window).width() + 200 - strWidth) * 0.5
});
}
return false;
}

web技术分享



声明: 本文由( zongyan86 )原创编译,转载请保留链接: 如何让EasyUI弹出层跳出框架

关注我们