如何让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框架在最外层显示以防止拖动时部门被遮住之后无法拖动

解决session过期跳转到登录页并跳出iframe框架(或者layui弹出层)

layer框架弹出层

制作弹出层

frameset框架弹出层

如何获取用layer弹出层表单的数据