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 相关文章推荐
Using the TextRange Object
Oct 14 Javascript
node.js 一个简单的页面输出实现代码
Mar 07 Javascript
json数据的列循环示例
Sep 06 Javascript
js中prototype用法详细介绍
Nov 14 Javascript
JS实现点击链接取消跳转效果的方法
Jan 24 Javascript
extJS中常用的4种Ajax异步提交方式
Mar 07 Javascript
深入理解node exports和module.exports区别
Jun 01 Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
Jun 12 Javascript
自定义require函数让浏览器按需加载Js文件
Nov 24 Javascript
JavaScript装饰器函数(Decorator)实例详解
Mar 30 Javascript
Webpack实现按需打包Lodash的几种方法详解
May 08 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
Dec 16 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
Smarty Foreach 使用说明
2010/03/23 PHP
PHP中static关键字原理的学习研究分析
2011/07/18 PHP
php判断变量类型常用方法
2012/04/24 PHP
PHP判断数据库中的记录是否存在的方法
2014/11/14 PHP
PHP使用文件锁解决高并发问题示例
2018/03/29 PHP
IE JS编程需注意的内存释放问题
2009/06/23 Javascript
jqeury eval将字符串转换json的方法
2011/01/20 Javascript
js实现网页随机切换背景图片的方法
2014/11/01 Javascript
JavaScript中实现单体模式分享
2015/01/29 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
2015/03/04 Javascript
jQuery实现的简单折叠菜单(折叠面板)效果代码
2015/09/16 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
2016/04/01 Javascript
Angular 4.X开发实践中的踩坑小结
2017/07/04 Javascript
详谈AngularJs 控制器、数据绑定、作用域
2017/07/09 Javascript
vue.js的vue-cli脚手架中使用百度地图API的实例
2019/01/21 Javascript
Swiper.js实现移动端元素左右滑动
2019/09/08 Javascript
layui实现鼠标移动到单元格上显示数据的方法
2019/09/11 Javascript
vue实现登录拦截
2020/06/29 Javascript
nginx配置域名后的二级目录访问不同项目的配置操作
2020/11/06 Javascript
[04:45]DOTA2-DPC中国联赛正赛 iG vs LBZS 赛后选手采访
2021/03/11 DOTA
Python高级应用实例对比:高效计算大文件中的最长行的长度
2014/06/08 Python
Python深入学习之特殊方法与多范式
2014/08/31 Python
简单使用Python自动生成文章
2014/12/25 Python
python logging日志模块以及多进程日志详解
2018/04/18 Python
Python Map 函数的使用
2020/08/28 Python
Python Sqlalchemy如何实现select for update
2020/10/12 Python
python 利用百度API识别图片文字(多线程版)
2020/12/14 Python
StubHub德国:购买和出售门票
2017/09/06 全球购物
英国水族馆和池塘用品购物网站:Warehouse Aquatics
2019/08/29 全球购物
什么是数据抽象
2016/11/26 面试题
人力资源部经理助理岗位职责
2014/03/04 职场文书
优秀教师个人总结
2015/02/11 职场文书
2016机关干部作风建设心得体会
2016/01/21 职场文书
超级实用!五步法则,教你写好年终工作总结
2019/12/05 职场文书
go语言中切片与内存复制 memcpy 的实现操作
2021/04/27 Golang
动画《朋友游戏》公开佐藤友生绘制的开播纪念绘
2022/04/06 日漫