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 相关文章推荐
Javascript计算两个marker之间的距离(Google Map V3)
Apr 26 Javascript
jquery获得keycode的示例代码
Dec 30 Javascript
javascript自定义函数参数传递为字符串格式
Jul 29 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
Sep 08 Javascript
总结jQuery插件开发中的一些要点
May 16 Javascript
浅谈js中对象的使用
Aug 11 Javascript
JavaScript中常见的八个陷阱总结
Jun 28 Javascript
jQuery封装animate.css的实例
Jan 04 jQuery
vue2.0 elementUI制作面包屑导航栏
Feb 22 Javascript
javascript少儿编程关于返回值的函数内容
May 27 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
Sep 05 Javascript
mpvue实现左侧导航与右侧内容的联动
Oct 21 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
《Re:从零开始的异世界生活》剧情体验,手游新作定名
2020/04/09 日漫
在PHP中读取和写入WORD文档的代码
2008/04/09 PHP
比较全的PHP 会话(session 时间设定)使用入门代码
2008/06/05 PHP
Php中用PDO查询Mysql来避免SQL注入风险的方法
2013/04/25 PHP
关于查看MSSQL 数据库 用户每个表 占用的空间大小
2013/06/21 PHP
yii2-GridView在开发中常用的功能及技巧总结
2017/01/07 PHP
thinkPHP框架可添加js事件的分页类customPage.class.php完整实例
2017/03/16 PHP
JavaScript关闭当前页面(窗口)不带任何提示
2014/03/26 Javascript
编写高质量JavaScript代码的基本要点
2016/03/02 Javascript
jQuery常用的一些技巧汇总
2016/03/26 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
2016/12/05 Javascript
jQuery在header中设置请求信息的方法
2017/03/06 Javascript
javascript九宫格图片随机打乱位置的实现方法
2017/03/15 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
2018/01/22 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
2018/08/10 Javascript
React 源码中的依赖注入方法
2018/11/07 Javascript
JS实现transform实现扇子效果
2020/01/17 Javascript
js实现查询商品案例
2020/07/22 Javascript
Python获取远程文件大小的函数代码分享
2014/05/13 Python
深入解析Python中的list列表及其切片和迭代操作
2016/03/13 Python
Python玩转PDF的各种骚操作
2019/05/06 Python
Python考拉兹猜想输出序列代码实践
2019/07/05 Python
python实现静态web服务器
2019/09/03 Python
python绘制彩虹图
2019/12/16 Python
requests在python中发送请求的实例讲解
2021/02/17 Python
css3让div随鼠标移动而抖动起来
2014/02/10 HTML / CSS
详解移动端HTML5音频与视频问题及解决方案
2018/08/22 HTML / CSS
俄罗斯药房连锁店:ASNA
2020/06/20 全球购物
2014年师德师风学习材料
2014/05/16 职场文书
高考励志标语
2014/06/05 职场文书
我的中国梦演讲稿小学篇
2014/08/19 职场文书
事业单位年度考核评语
2014/12/31 职场文书
人民币使用说明书
2019/04/17 职场文书
Redis源码阅读:Redis字符串SDS详解
2021/07/15 Redis
详解JavaScript中Arguments对象用途
2021/08/30 Javascript
js作用域及作用域链工作引擎
2022/07/07 Javascript