如何让EasyUI弹出层跳出框架
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何让EasyUI弹出层跳出框架相关的知识,希望对你有一定的参考价值。
参考技术A 这个的解决方法其实挺简单的。只要在最外面的框架页面加个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;
本回答被提问者和网友采纳
弹出层js让DIV居中
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> *{ margin:0; padding:0;} #login{ border:1px #000 solid; position:absolute; padding:20px } #close{ position:absolute; right:0; top:0;} </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <script> $(function(){ $(‘#input1‘).click(function(){ var oLogin = $(‘<div id="login"><p>用户名:<input type="text" /></p><p>密码:<input type="text" /></p><div id="close">X</div></div>‘); $(‘body‘).append( oLogin ); oLogin.css(‘left‘ , ($(window).width() - oLogin.outerWidth())/2 ); oLogin.css(‘top‘ , ($(window).height() - oLogin.outerHeight())/2 ); $(‘#close‘).click(function(){ oLogin.remove(); }); $(window).on(‘resize scroll‘,function(){ oLogin.css(‘left‘ , ($(window).width() - oLogin.outerWidth())/2 ); oLogin.css(‘top‘ , ($(window).height() - oLogin.outerHeight())/2 + $(window).scrollTop() ); }); }); }); </script> </head> <body style="height:2000px;"> <input type="button" value="点击" id="input1" /> <!--<div id="login"> <p>用户名:<input type="text" /></p> <p>密码:<input type="text" /></p> <div id="close">X</div> </div>--> </body> </html>
以上是关于如何让EasyUI弹出层跳出框架的主要内容,如果未能解决你的问题,请参考以下文章
如何让jqueryEasyUI里面的dialog弹出层跳出iframe框架在最外层显示以防止拖动时部门被遮住之后无法拖动