jQuery Layer弹出层传值到父页面的实现代码
时间:2019-03-31
本文章向大家介绍jQuery Layer弹出层传值到父页面的实现代码,主要包括jQuery Layer弹出层传值到父页面的实现代码使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
目前做的项目中用到layer弹层传值,弹层输入框输入文本,点击确定按钮,父页面的树结构,会自动添加分组。
在此粘贴下代码,以后遇到,方便回忆,如有疑问请留言,或许会为您解答
$(document).ready(function(){ //添加任务弹出层 addTask(); }); //弹出层 function addTask(){ $('[data-id="addList"]').on('click', function(){ layer.open({ type: 2,title: '添加任务', closeBtn:1, //maxmin: true, shadeClose: false, //点击遮罩关闭层 area : ['15%' , '28%'],//弹层宽高 content: 'jsp/taskconf/roundConf-addList.jsp' }); }); //关闭弹层 layerClose(); addTeam("addTeam"); addTeam("addRule"); } //点击确定按钮,先传值到父页面,然后关闭弹层 function layerClose(){ ('[data-id="saveBtn"]').click(function(){ //点击确定按钮,获取弹层输入值,传入父页面 var parentId=parent.('[data-id="saveBtn"]').click(function(){ //点击确定按钮,获取弹层输入值,传入父页面 var parentId=parent.("#leftTree_1_ul");//接收值的父页面ID var txt = $('[data-id="team-txt"]').val();//弹出层内获取要传出的值 var str = "<li id="leftTree_9" class="level1" tabindex="0" hidefocus="true">" + "<span id="leftTree_9_switch" class="button level1 switch center_open" treenode_switch="">" + "<a id="leftTree_9_a" class="level1" target="_blank" title='"+txt+"'>" + "<span id="leftTree_9_ico" class="button ico_open">" + "<span id="leftTree_9_span" class="node_name">"+txt+"" + ""; parentId.append(str);//传值到父页面 //先得到当前iframe层的索引 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); //再执行关闭 }); }
总结
以上所述是小编给大家介绍的jQuery Layer弹出层传值到父页面,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- R语言用关联规则和聚类模型挖掘处方数据探索药物配伍中的规律
- ggplot2|theme主题设置,详解绘图优化-“精雕细琢”
- ggalluvial|炫酷桑基图(Sankey),你也可以秀
- R|批量循环处理同一格式文件-csv,txt,excel
- 误差线怎么画,写不写代码as you like
- Nomogram(诺莫图) | Logistic、Cox生存分析结果可视化
- Forest plot(森林图) | Cox生存分析可视化
- R-forestplot包| HR结果绘制森林图
- 韦恩图
- R-plotly|交互式甘特图(Gantt chart)-项目管理/学习计划
- Python的这些高级用法你都知道吗?
- ggstatsplot绘图|统计+可视化,学术科研神器
- 用python下载哔哩哔哩视频?
- 数据处理|数据查重怎么办?去重,就这么办!
- FFmpeg合并MP4文件