layui 弹出层值回传解决方式


Posted in Javascript onNovember 14, 2019

如下所示:

layer.open({
   type: 2,
   title: "设置围栏",
   shadeClose: true,
   shade: 0.4,
   area: ['90%', '90%'],
   content: "/ElectronicFence/Map?id=" + id + "&shapeType=" + shapeType,
   btn: ['确定','关闭'],
   yes: function(index){
   //当点击‘确定'按钮的时候,获取弹出层返回的值
   var res = window["layui-layer-iframe" + index].callbackdata();
   //打印返回的值,看是否有我们想返回的值。
   console.log(res);
   //最后关闭弹出层
   layer.close(index);
   },
   cancel: function(){
   //右上角关闭回调
   }
  });

注意:

var res = window["layui-layer-iframe" + index].callbackdata();

这行代码中‘callbackdata'是弹出层里面定义的函数。也许我们知道了什么!这个函数的作用就是返回值。

弹出层添加这个:

<script>
 var callbackdata = function () {
  var data = {
  username: 'zhangfj'
  };
  return data;
 }
 </script>

上面的代码就是弹出层里面的JavaScript代码,里面定义了函数'callbackdata' 用来返回值给调用弹出层的页面。

这篇layui 弹出层值回传解决方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
dwr spring的集成实现代码
Mar 22 Javascript
关于JQuery($.load)事件的用法和分析
Apr 09 Javascript
Node.js异步I/O学习笔记
Nov 04 Javascript
JavaScript错误处理
Feb 03 Javascript
js实现当复选框选择匿名登录时隐藏登录框效果
Aug 14 Javascript
Javascript动画效果(4)
Oct 11 Javascript
tab栏切换原理
Mar 22 Javascript
深入解析js轮播插件核心代码的实现过程
Apr 14 Javascript
深入理解React中何时使用箭头函数
Aug 23 Javascript
vue.js 图片上传并预览及图片更换功能的实现代码
Aug 27 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
Nov 26 Javascript
VSCode使用之Vue工程配置eslint
Apr 30 Javascript
vue使用swiper.js重叠轮播组建样式
Nov 14 #Javascript
Vue中常用rules校验规则(实例代码)
Nov 14 #Javascript
浅析Vue 防抖与节流的使用
Nov 14 #Javascript
微信小程序tabBar设置实例解析
Nov 14 #Javascript
layui清除radio的选中状态实例
Nov 14 #Javascript
在vue中利用v-html按分号将文本换行的例子
Nov 14 #Javascript
搭建Vue从Vue-cli到router路由护卫的实现
Nov 14 #Javascript
You might like
随机头像PHP版
2006/10/09 PHP
php下使用strpos需要注意 === 运算符
2010/07/17 PHP
php的mail函数发送UTF-8编码中文邮件时标题乱码的解决办法
2015/10/20 PHP
Ubuntu VPS中wordpress网站打开时提示”建立数据库连接错误”的解决办法
2016/11/03 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
js跑马灯代码(自写)
2013/04/17 Javascript
javascript break指定标签打破多层循环示例
2014/01/20 Javascript
jQuery源码解读之removeClass()方法分析
2015/02/20 Javascript
jQuery 判断元素整理汇总
2017/02/28 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
2017/05/26 jQuery
ionic选择多张图片上传的示例代码
2017/10/10 Javascript
基于Vue实现图书管理功能
2017/10/17 Javascript
vue-cli中打包图片路径错误的解决方法
2017/10/26 Javascript
vue项目中将element-ui table表格写成组件的实现代码
2019/06/12 Javascript
在vue项目中 实现定义全局变量 全局函数操作
2020/10/26 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
Python中用Spark模块的使用教程
2015/04/13 Python
python使用WMI检测windows系统信息、硬盘信息、网卡信息的方法
2015/05/15 Python
Python+request+unittest实现接口测试框架集成实例
2018/03/16 Python
详解django.contirb.auth-认证
2018/07/16 Python
Django框架自定义session处理操作示例
2019/05/27 Python
Django+zTree构建组织架构树的方法
2019/08/21 Python
通过实例了解python property属性
2019/11/01 Python
Python计算IV值的示例讲解
2020/02/28 Python
Pytorch环境搭建与基本语法
2020/06/03 Python
Clarria化妆品官方网站:购买天然和有机化妆品系列
2018/04/08 全球购物
英国领先的电动可调床制造商:Laybrook
2019/12/26 全球购物
教师应聘个人求职信
2013/12/10 职场文书
单位未婚证明范本
2014/01/18 职场文书
办公室主任主任岗位责任制
2014/02/11 职场文书
会计师职业生涯规划范文
2014/02/18 职场文书
教师师德师风整改措施
2014/10/24 职场文书
毕业实习指导教师评语
2014/12/31 职场文书
2015年“我们的节日·重阳节”活动总结
2015/07/29 职场文书
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP
MySQL的Query Cache图文详解
2021/07/01 MySQL