layui如何获取父节点的父节点_layui框架中layer父子页面交互的方法分析
本文实例讲述了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;
}
}
另:layui完整源码可点击此处。
希望本文所述对大家基于layui框架的程序设计有所帮助。
如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!
layui如何获取父节点的父节点_layui框架中layer父子页面交互的方法分析相关推荐
- layer中嵌套的页面如何操作父页面_layui框架中layer父子页面交互详细解说
本文主要介绍了layui框架中layer父子页面交互的方法,结合实例形式分析了layer父子页面交互的常用技巧以及layer弹出多个iframe找到父页面的操作方法,需要的朋友可以参考下,希望给大家的 ...
- jquery div无法获取html文件,怎么样用jquery在div中加载页面
针对你这个问题 ,实现的方法可能很多. 静态页面需要稍作处理下: !--在后台生成静态页面时,将你需要显示已订阅/未订阅的产品的id输出到li元素中的属性relid--div id=bookItems ...
- python获取excel某一列-Python从Excel中读取日期一列的方法
如下所示: import xlrd import datetime file=u"伏特加.xls"#注意读中文文件名稍微处理一下 data=xlrd.open_workbook(f ...
- 使用layui框架时,在input文本框中显示当前页面时间的方法
laydate.render({ elem: '#dateBin', value: new Date() , done: function(value, date){} }); 转载于:https:/ ...
- php 获取文件最后几行,PHP从文件中读取最后一行的最好方法是什么?
方法概述 在互联网上搜索,我遇到了不同的解决方案.我可以把他们分组 在三种方法: >天真的那些使用file()PHP函数; >在系统上运行尾命令的欺骗; >强大的,使用fseek() ...
- layui如何获取父节点的父节点_layui树形组件(右键、父节点选中子节点全被选中)...
一:右键菜单: layui里面没有给到右键菜单,所以,我自己把源码改了一下: 找到layui文件夹里modules下的tree.js 用以上代码,替换以下代码 当i.which等于3,是右键事件,等于 ...
- layui如何获取父节点的父节点_区块链如何运用merkle tree验证交易真实性
大部分材料都会提到区块中保存了merkle根,并且利用它作交易真实性验证.但是具体如何作这个真实性验证,没有一篇文章可以通俗的讲出来.本文假设你已经知道区块链中merkle tree的原理,现在想搞明 ...
- layui如何获取父节点的父节点_element-ui tree控件获取当前节点和父节点
今天使用element-ui 遇到两个问题,第一个问题是获取tree控件的当前节点和父节点, 一开始使用tree控件的getCurrentNode()函数,结果发现返回的是当前节点的data属性,和u ...
- 总结获取原生JS(javascript)的父节点、子节点、兄弟节点
关于原生JS获取节点,一直是个头疼的问题,而且调用方法的名字又贼长了,所以我选择用JQ,好像跑题了-- 话不多说看代码 获取父节点 及 父节点下所有子节点(兄弟节点) <ul><li ...
最新文章
- 刚刚引来985大学建校区,这座城市再牵手世界名校办学!
- 【必读】2019年深度学习自然语言处理最新十大发展趋势, 附报告下载
- C++ error LNK2019: 无法解析的外部符号 错误解决方案
- BCP BIA DRP 灾后业务连续性方案简述
- 跨服务器 快速 导入数据表记录 Insert into SELECT
- [html] 如何构建“弱网络环境”友好的项目?
- 集群服务器下使用SpringBoot @Scheduled注解定时任务
- 我❤️—Python自动化测试,30岁熬到月薪20K+,分享我的多年面试经…
- 重磅进展,Intel已能够生产量子芯片硅晶圆
- G-Sensor 校准标准
- 文献补充材料怎么下载?
- 可一键生成数据分析报告的两个库
- linux centos7 安装svn,linux centos7安装svn并配置同步更新web项目
- webpack中vender的抽离
- [Java 内存]Java内存组成
- Excel VBA:数据管理与维护
- QT之OpenGL坐标系统
- “财界奥斯卡”CGMA全球管理会计中国大奖榜单公布
- JSP高校信息管理系统myeclipse开发sql数据库web结构计算机java编程
- 自制英语翻译(调用有道翻译接口)
热门文章
- Excel的加密和解密
- SpringBoot 使用WebSocket打造在线聊天室(基于注解)
- struts实战--登录功能实现
- 【Spring注解系列08】@PostConstruct与@PreDestroy
- 深入理解Oracle字符串函数Translate()
- String类split方法
- 鸿蒙系统gpl,华为鸿蒙最大的对手现身!谷歌正式推送Fuchsia OS,或替代安卓
- ae 创建图像等高线 蒙版_Pixelmator ——图像处理软件
- Java的TheadLocal使用
- css div 边缘渐变,围绕div的CSS3渐变边框