easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值
<!-- 父页面 -->
- <!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)" onclick="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)" onclick="wen('son.html')">子页面son.html</a>
- <input type="button" value="给子页面赋值" onclick="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 onclick="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>
第一:
第二:
第三:
第四:
第五:
代码下载地址:
easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值的更多相关文章
- Easyui 弹出加载中的遮罩的两种方法
第一种: //弹出加载层function load() { $("<div class=\"datagrid-mask\"></div> ...
- ajax回调中window.open弹出的窗口会被浏览器拦截的解决方法
存在问题:处理页面ajax请求过程中,异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法 来实现,最终都被浏览器拦截了.不会跳到对应的页面,如下 原因:浏览器之所以拦截 ...
- 解决弹出的窗口window.open会被浏览器阻止的问题(自定义open方法)
由于在使用window.open时,在很多情况下,弹出的窗口会被浏览器阻止,但若是使用a链接target='_blank',则不会,基于这一特点,自己封装了一个open方法: function ope ...
- Windows下Java调用BAT批处理不弹出cmd窗口
常规Windows下Java调用BAT方式肯定会弹出cmd窗口 Runtime.getRuntime().exec("cmd.exe /C start D:\\test.bat") ...
- JS设置弹出小窗口。
经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项.版权信息.警告.欢迎光顾之类的话或者作者想要特别提示的信息.其实制作这 ...
- JS 弹出模态窗口解决方案
最近在项目中使用弹出模态窗口,功能要求: (1)模态窗口选择项目 (2)支持选择返回事件处理 在IE中有showModalDialog 方法,可以很好的解决该问题,但是在Chrome中和FF中就有问题 ...
- 创建一个弹出DIV窗口
创建一个弹出DIV窗口 摘自: http://www.cnblogs.com/TivonStone/archive/2012/03/20/2407919.html 创建一个弹出DIV窗口可能是现在 ...
- QUI操作超时弹出登录窗口登录的处理方式
在使用QUI开发的业务系统中,如果长时间没操作,session过期后,再次操作系统超时会自动跳转到登陆页面,如果当前有一些操作没有保存,需要重新登录后再次填写信息,用户体验很不好! 为了避免超时后页面 ...
- js实现第一次打开网页弹出指定窗口(常用功能封装很好用)
js实现第一次打开网页弹出指定窗口(常用功能封装很好用) 一.总结 1.常用功能封装:之前封装的cookie的操作函数非常好用,我自己也可以这么搞 二.js实现第一次打开网页弹出指定窗口 练习1:第一 ...
随机推荐
- bundle adjustment原理(1)
那些光束平差的工具,比如SBA.SSBA之类的虽然好,然而例子和教程都不够多且不够详细,让初学者难以上手. 要传入的参数虽然有解释,然而却也不是十分清楚其含义,具体要怎么生成,生成为什么形式. 我在折 ...
- jQuery版本问题,及事件源
jQuery版本的分界线是2.0 2.0之前很多方法支持ie低版本,2.0之后就不支持了 工具:index() 指定元素的索引 (有参数) 不传参的情况下,父级元素下同级元素的排名,传参:指定元素的 ...
- VC中function函数解析
C++标准库是日常应用中非常重要的库,我们会用到C++标准库的很多组件,C++标准库的作用,不单单是一种可以很方便使用的组件,也是我们学习很多实现技巧的重要宝库.我一直对C++很多组件的实现拥有比较强 ...
- APP中https证书有效性验证引发安全问题(例Fiddler可抓https包)
原文: https://blog.csdn.net/woddle/article/details/71175140 在实际项目代码审计中发现,目前很多手机银行虽然使用了https通信方式,但是只是简单 ...
- [UE4]需要保存的数据
数据存储原则是“相关的放在一起,不相关的分开”. 如果存档有几十上百兆,如果放在一起存储容易出现问题(特别是网络游戏):断线.电脑死机.游戏出错等等,存档就会损坏,所以一定要分割存储.
- Postgres 主从复制搭建步骤
系统版本: CentOS Linux release 7.5.1804 (Core) 数据库 psql (PostgreSQL) 10.5 2台机器ip : 172.17.0.3 /172.17.0. ...
- 使用Dotfuscator混淆你的.net程序
简介 众所周知C#等net框架的程序是无法防止反编译的,但可以通过混淆,让反编译出来的代码非常难看. Dotfuscator是微软推荐使用的第三方混淆器,用来保护你的net程序.可以在安装VS的时候顺 ...
- 通过表达式树把datareader和datatable转换为实体
续上两篇文章,使用emit构造dynamic method,把 datareader转换为实体,以避免直接使用反射来实现带来的性能损失.代码看似没有纰漏,但是实际上我在framwork4下运行时,调用 ...
- mapreduce运行原理及YARN
mapreduce1回顾 mapreduce1的不足 yarn的基本架构 yarn工作流程
- 旷视等Oral论文提出GeoNet:基于测地距离的点云分析深度网络
基于网格曲面的几何拓扑信息可以为物体语义分析和几何建模提供较强的线索,但是,如此重要的连接性信息在点云中是缺失的.为此,旷视西雅图研究院首次提出一种全新的深度学习网络,称之为 GeoNet,可建模点云 ...