欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

layui 弹出层值回传解决方式

时间:2021-03-21 10:28:08|栏目:JavaScript代码|点击:

如下所示:

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' 用来返回值给调用弹出层的页面。

上一篇:React Native开发封装Toast与加载Loading组件示例

栏    目:JavaScript代码

下一篇:Javascript实现动态时钟效果

本文标题:layui 弹出层值回传解决方式

本文地址:http://www.codeinn.net/misctech/84809.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有