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

最新推荐文章于 2024-08-12 17:12:18 发布

Love丶兰

最新推荐文章于 2024-08-12 17:12:18 发布

阅读量3.6w

点赞数 6

分类专栏： easyui jquery 文章标签： easyui iframe 值

本文链接：https://blog.csdn.net/love_xiolan/article/details/51941000

版权

jquery 同时被 2 个专栏收录

23 篇文章 0 订阅

订阅专栏

easyui

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-/W3C/DTD HTML 4.01 Transitional/EN" "http:/www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>父页面</title>  
<!-- 引用easyUi的文件 -->  
<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css">  
<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css">  
<script type="text/javascript" src="jquery-easyui/jquery.min.js"></script>  
<script type="text/javascript" src="jquery-easyui/jquery.easyui.min.js"></script>  
<!-- 国际化 -->  
<script type="text/javascript" src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script>  
  
</head>  
<body>  
  
    <a href="javascript:void(0)" οnclick="openWin();">点击打开隐藏的window窗口</a>  
      
    <!--隐藏的文本框-->  
    <div id="win" class="easyui-window" title="My Window" style="width:600px;height:400px" closed="true"  
            data-options="iconCls:'icon-save',modal:true">     
          
        <div data-options="region:'north',title:'North Title',split:true" style="height:50px;">  
  
            <a href="javascript:void(0)" οnclick="wen('son.html')">子页面son.html</a>  
            <input type="button" value="给子页面赋值" οnclick="assgVal();" /> 
            <input type="text" name="fatherId" id="fatherId" value="父页面的文本框" /> <br/>
            <input type="text" name="fatherText" id="fatherText" value="给子页面赋的值!" /> 
        </div>  
          
        <div id="centers" data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;height:90%">  
            引用外部html文件  
        </div>  
    </div>  
      
    <script type="text/javascript">  
          
        //打开隐藏的win窗口  
        function openWin(){  
            $("#win").window("open");  
        }  
           
        //给子页面的文本框赋值  
        function assgVal(){
			var fatherText = $("#fatherText").val();
            $('#son').contents().find("#sonId").val(fatherText);  
        }  
  
        /* 引用子页面index1.html */  
        function wen(src){  
            var hrefs = "<iframe id='son' src='" + src + "' allowTransparency='true' style='border:0;width:99%;height:99%;padding-left:2px;' frameBorder='0'></iframe>";  
            $("#centers").html(hrefs);  
        }  
           
        //关闭window窗口  
        function closeWin(){  
            $("#win").window("close");  
        }  
          
    </script>  
</body>  
</html>

<!DOCTYPE html PUBLIC "-/W3C/DTD HTML 4.01 Transitional/EN" "http:/www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
    <title>子页面</title>  
    <!-- 引用easyUi的文件 -->  
<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css">  
<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css">  
<script type="text/javascript" src="jquery-easyui/jquery.min.js"></script>  
<script type="text/javascript" src="jquery-easyui/jquery.easyui.min.js"></script>  
<!-- 国际化 -->  
<script type="text/javascript" src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script>  
</head>  
<body>  
    <h1>你好,这是子页面</h1>  
    <input type="text" name="sonId" id="sonId" value="" /><br/>
	<input type="text" name="sonText" id="sonText" value="给父页面的文本框赋值" />
    <button οnclick="farassgVal();">给父页面的文本框赋值</button>  
</body>  
  
<script type="text/javascript">  
  
    //调用父页面的赋值方法  
    $(window.parent.assgVal());  
      
    $(function(){  
        alert($("#sonId").val());  
        //调用父页面的关闭win窗口的方法  
        //window.parent.closeWin();  
    });  
      
    //给父页面的文本框赋值  
    function farassgVal(){  
		var sonText = $("#sonText").val();
        $(window.parent.$("#fatherId").val(sonText));    
    }  
      
</script>  
</html>

第一: