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 相关文章推荐
js 事件小结 表格区别
Aug 13 Javascript
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
May 14 Javascript
firefo xml 读写实现js代码
Jun 11 Javascript
自己写的兼容ie和ff的在线文本编辑器类似ewebeditor
Dec 12 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
May 05 Javascript
jquery实现动态操作select选中
Feb 11 Javascript
jQuery实现选项联动轮播效果【附实例】
Apr 19 Javascript
ztree简介_动力节点Java学院整理
Jul 19 Javascript
vue页面使用阿里oss上传功能的实例(一)
Aug 09 Javascript
基于express中路由规则及获取请求参数的方法
Mar 12 Javascript
webstorm中vue语法的支持详解
May 09 Javascript
vuex刷新后数据丢失的解决方法
Oct 18 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 session 检测和注销
2009/03/16 PHP
php中的观察者模式
2010/03/24 PHP
五款常用mysql slow log分析工具的比较分析
2011/05/22 PHP
一个好用的PHP验证码类实例分享
2013/12/27 PHP
php采用curl访问域名返回405 method not allowed提示的解决方法
2014/06/26 PHP
PHP使用new StdClass()创建空对象的方法分析
2017/06/06 PHP
PHP排序算法之直接插入排序(Straight Insertion Sort)实例分析
2018/04/20 PHP
原生PHP实现导出csv格式Excel文件的方法示例【附源码下载】
2019/03/07 PHP
Laravel5.1 框架控制器基础用法实例分析
2020/01/04 PHP
在JavaScript中正确引用bind方法的应用
2015/05/11 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
2015/12/17 Javascript
ES6中非常实用的新特性介绍
2016/03/10 Javascript
简单实现的JQuery文本框水印插件
2016/06/14 Javascript
很棒的Bootstrap选项卡切换效果
2016/07/01 Javascript
Vue.js实现无限加载与分页功能开发
2016/11/03 Javascript
使用gulp搭建本地服务器并实现模拟ajax
2017/04/05 Javascript
Vue2 使用 Echarts 创建图表实例代码
2017/05/18 Javascript
利用Node.js批量抓取高清妹子图片实例教程
2018/08/02 Javascript
解决layUI的页面显示不全的问题
2019/09/20 Javascript
[36:41]完美世界DOTA2联赛循环赛FTD vs Magma第一场 10月30日
2020/10/31 DOTA
深入理解Python中的元类(metaclass)
2015/02/14 Python
解决python3运行selenium下HTMLTestRunner报错的问题
2018/12/27 Python
Python queue队列原理与应用案例分析
2019/09/27 Python
Django学习之文件上传与下载
2019/10/06 Python
python list多级排序知识点总结
2019/10/23 Python
Python+Opencv身份证号码区域提取及识别实现
2020/08/25 Python
用sleep间隔进行python反爬虫的实例讲解
2020/11/30 Python
Python实现粒子群算法的示例
2021/02/14 Python
Solaris操作系统的线程机制
2012/12/23 面试题
文明教师事迹材料
2014/01/16 职场文书
员工试用期自我评价
2014/09/18 职场文书
先进事迹材料范文
2014/12/29 职场文书
小学音乐教师个人工作总结
2015/02/05 职场文书
Python+Appium新手教程
2021/04/17 Python
Python 恐龙跑跑小游戏实现流程
2022/02/15 Python
Python 装饰器(decorator)常用的创建方式及解析
2022/04/24 Python