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 相关文章推荐
html5 canvas js(数字时钟)实例代码
Dec 23 Javascript
Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
Feb 12 Javascript
js实现的页面矩阵图形变换特效
Jan 26 Javascript
javascript中的3种继承实现方法
Jan 27 Javascript
javascript函数命名的三种方式及区别介绍
Mar 22 Javascript
AngularJS extend用法详解及实例代码
Nov 15 Javascript
用file标签实现多图文件上传预览
Feb 14 Javascript
JavaScrip数组删除特定元素的几种方法总结
Sep 06 Javascript
vue2.0 datepicker使用方法
Feb 04 Javascript
详解Vue SPA项目优化小记
Jul 03 Javascript
在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】
Jun 09 Javascript
原生javascript的ajax请求及后台PHP响应操作示例
Feb 24 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/11/19 PHP
PHP合并数组+与array_merge的区别分析
2010/08/01 PHP
php定时计划任务的实现方法详解
2013/06/06 PHP
php为字符串前后添加指定数量字符的方法
2015/05/04 PHP
基于PHP实现等比压缩图片大小
2016/03/04 PHP
PHP strip_tags保留多个HTML标签的方法
2016/05/22 PHP
php链式操作的实现方式分析
2019/08/12 PHP
解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码
2011/05/28 Javascript
JavaScript中OnLoad几种使用方法
2012/12/15 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
Ionic默认的Tabs模板使用实例
2016/08/29 Javascript
详解js树形控件—zTree使用总结
2016/12/28 Javascript
JavaScript中object和Object的区别(详解)
2017/02/27 Javascript
如何编写jquery插件
2017/03/29 jQuery
详解Vue 事件修饰符capture 的使用
2017/12/29 Javascript
Vue2.0系列之过滤器的使用
2018/03/01 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
2018/07/09 Javascript
axios 封装上传文件的请求方法
2018/09/26 Javascript
jQuery轻量级表单模型验证插件
2018/10/15 jQuery
Vue.js实现tab切换效果
2019/07/24 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
2019/10/12 Javascript
使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法
2020/07/20 Javascript
新手如何快速入门Python(菜鸟必看篇)
2017/06/10 Python
Python SqlAlchemy动态添加数据表字段实例解析
2018/02/07 Python
利用Django模版生成树状结构实例代码
2019/05/19 Python
python实现websocket的客户端压力测试
2019/06/25 Python
Python定时任务随机时间执行的实现方法
2019/08/14 Python
详解python metaclass(元类)
2020/08/13 Python
详解selenium + chromedriver 被反爬的解决方法
2020/10/28 Python
NBA德国官方网上商店:NBA Store德国
2018/04/13 全球购物
进程的查看和调度分别使用什么命令
2013/12/14 面试题
生产文员岗位职责
2014/04/05 职场文书
迎新生标语大全
2014/10/06 职场文书
工人先锋号申报材料
2014/12/29 职场文书
交通安全月活动总结
2015/05/08 职场文书
餐厅开业活动方案
2019/07/08 职场文书