layer中嵌套的页面如何操作父页面_layui框架中layer父子页面交互详细解说
本文主要介绍了layui框架中layer父子页面交互的方法,结合实例形式分析了layer父子页面交互的常用技巧以及layer弹出多个iframe找到父页面的操作方法,需要的朋友可以参考下,希望给大家的学习有所启发。
本文实例讲述了layui框架中layer父子页面交互的方法。分享给大家供大家参考,具体如下:
layer是一款近年来备受青睐的web弹层组件,官网地址是:http://layer.layui.com/可以从官网上下载最新版本。
当layer以iframe层的方式弹出新的窗口(子页面),如何在子页面中访问父页面的元素和函数。
1、访问父页面元素值var parentId=parent.$("#id").val();//访问父页面元素值
2、访问父页面方法var parentMethodValue=parent.getMethodValue();//访问父页面方法
3、如何关闭弹出的子页面窗口var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
parent.layer.close(index);//关闭弹出的子页面窗口
4、如何从子页面执行刷新父页面操作parent.location.reload(); // 父页面刷新
附:layer弹出多个iframe找到父页面的方法
父页面:function aa(){
var index = parent.layer.getFrameIndex(window.name);
var iframeName = 'layui-layer-iframe'+index;
openDialog1('选择XXX', '${ctx}/*****,'800px', '500px',iframeName);
}
function openDialog1(title,url,width,height,target){
top.layer.open({
type: 2,
area: [width, height],
title: title,
maxmin: true, //开启最大化最小化按钮
content: url ,
btn: ['确定', '关闭'],
yes: function(index, layero){
var body = top.layer.getChildFrame('body', index);
var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();
var inputForm = body.find('#inputForm');
var top_iframe;
if(target){
top_iframe = target;//如果指定了iframe,则在改frame中跳转
}else{
top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe
}
inputForm.attr("target",top_iframe);//表单提交成功后,从服务器返回的url在当前tab中展示
if(iframeWin.contentWindow.doSubmit(top_iframe) ){
top.layer.close(index);//关闭对话框。
top.window[iframeName].frames.location.reload();//刷新父亲
}
},
cancel: function(index){
}
});
}
//子页面回调方法
function addRecord(name,chainName){
alert(name);
}
子页面function doSubmit(iframeName) {
var sel=$("tbody tr td input.i-checks:checked");
var size = sel.size();
if(size==0){
top.layer.alert('请至少选择一条数据!', {icon: 0, title:'警告'});
return false;
}else{
for(var i=0;i
top.window[iframeName].addRecord(sel[i].name,sel[i].value);
}
return true;
}
}
本文来源:http://m.php.cn/article/385142.html
layer中嵌套的页面如何操作父页面_layui框架中layer父子页面交互详细解说相关推荐
- layui如何获取父节点的父节点_layui框架中layer父子页面交互的方法分析
本文实例讲述了layui框架中layer父子页面交互的方法.分享给大家供大家参考,具体如下: layer是一款近年来备受青睐的web弹层组件,官网地址是:http://layer.layui.com/ ...
- php中yii的controller,详解PHP的Yii框架中的Controller控制器,yiicontroller
详解PHP的Yii框架中的Controller控制器,yiicontroller 控制器是 MVC 模式中的一部分, 是继承yii\base\Controller类的对象,负责处理请求和生成响应. 具 ...
- layer中嵌套的页面如何操作父页面_vue中8种组件通信方式,值得收藏
有不少网友提出组件之间通信方式还有很多, 这篇文章便是专门总结组件之间通信的 vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢? 首先我们 ...
- ci如何使用中$.ajax 中的 url 如何使用php的代码,CI框架中使用ajax操作数据库有关问题...
CI框架中使用ajax操作数据库问题 本帖最后由 A9925 于 2014-11-24 16:11:05 编辑 前台: //调用方法用ajax操作add_dbdata.php var xmlHttp ...
- vue父组件、子组件,父子组件交互
Vue父组件调用子组件事件,父子组件交互 vue2 vue父组件向子组件传递数据 or 调用事件 父组件传递数据到子组件 props 传递: <child-c :args="args& ...
- 中嵌套的页面如何操作父页面_UI设计中签到页面如何设计
签到,是一种人类行为上的规束,常常被用于一些会议和活动的中,经常被用来作为奖惩的依据.今天我就针对UI设计中签到页面如何设计进行简单的说明. 虚拟世界中的签到 – 从游戏签到,以领虚拟奖励,到购物节签 ...
- cad2016中选择全图字体怎么操作_cad教程分享CAD中如何删除顽固图层?
Autocad教程公众号,专注于cad教程.cad教程视频的分享,欢迎关注,下载你所需的教程资源! 如你还未关注,请点击文章标题下方蓝色字体的"Autocad教程"进行关注. ca ...
- element父弹窗中嵌套子弹窗,子弹窗被父弹出框的蒙版遮盖
问题:element弹出框中嵌套弹出框被父弹出框的蒙版遮盖的问题: 解决方法: 在子弹窗添加属性**:append-to-body="true"** 解决问题
- vue的method函数互引用_vue 在methods中调用mounted的实现操作
vue 在methods中调用mounted的实现操作 首先可以在data中先声明一个变量 比如 sureDelBox : ' ' mounted 中 ---> methods 中 ---> ...
最新文章
- ubuntu下修改中文字体
- ASP.NET 2.0:如何让DropDownList同时拥有数据来源项目与自订项目 (转自章立民CnBlogs)...
- JAVA awt eventqueue_线程“AWT-EventQueue-1”中的异常java.lang.NullPointerException
- 信息学奥赛一本通C++语言——1030: 计算球的体积
- 第46屆ICPC 東亞洲區域賽(澳門)(正式賽)Link-Cut Tree
- 在SOUI中使用线性布局
- python3 生成器_python3基础之生成器
- jsp 中select 下拉选择框 el 三元运算符 如何选中与不选中
- imac java7下载地址,如何在苹果电脑上安装JAVA开发工具,经验告诉你该这样
- 传文件 华为云桌面_怎么避免亚马逊账号关联(二)?阿里云华为云ECS远程桌面教程...
- mybatis关于factorybean疑问
- php dcom扩展配置,PHP: 运行时配置 - Manual
- 如何正确设置同时使用内外网
- 《西游降魔篇》[BD-RMVB.720p.国语中字][2013年奇幻冒险喜剧]
- linux 文件 内容 并集,Linux 两个文件求交集、并集、差集
- CCproxy 设置代理服务器。
- 天翼云流量服务器,天翼云CDN常见问题解答
- Visual Studio 2019 Compiler Hangs
- 数据看NeurIPS2020,谷歌排名第一,国内清华第一
- XunSearch(讯搜)的使用教程步骤
热门文章
- 不忘本~explicit和implicit修饰符
- php行内块,块级元素和行内块元素是什么?
- ajax headers 参数有什么用_动态爬虫(ajax)-爬取bilibili热门视频信息
- python画一个祝福别人生日快乐_分享快乐给朋友的生日快乐祝福语生日贺卡句子...
- 标题在图表上_用图表说话——漫谈商务图表的设计理念
- 2008一打开项目就闪退_UE4[C++]项目编译相关的坑
- 2.Excel公式函数
- 并发请求数_nginx如何限制并发连接和请求数?
- 【计算机网络】分层结构
- 链接ftp命令行_windows下最轻便的FTP/SCP文件管理器