layui 弹出层值回传解决方式
更新时间：2019年11月14日 15:16:29 作者：zn65786412qq
今天小编就为大家分享一篇layui 弹出层值回传解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
如下所示：
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 onclick与addEventListener使用的区别介绍
addEventListener()方法用于向指定元素添加事件句柄，使用 removeEventListener()方法来移除，onclick和addEventListener事件区别是：onclick事件会被覆盖，而addEventListener可以先后运行不会被覆盖，addEventListener可以监听多个事件2022-09-09
大家都喜欢用innerHTML添加内容，但是innerHTML这东西在两大阵营中有许多不同。2010-02-02
本文主要讲解了利用js制作xml在线编辑器的实例，文中讲解实例的图片和代码非常详细，感兴趣的小伙伴现在一起来看一看吧2021-08-08
最近在使用Cookies加密保存数据的时候，接触到crypto，使用还算简单，在这里记录一下2020-08-08
都知道百度建议是用ajax做的，想要做的快速稳定，可复制可移植就不容易了,花时间研究还不如自己来写。根据一个pdf文档提供的资料，用了小半天时间，终于实现了。在此与大家分享2012-12-12
这篇文章主要为大家详细介绍了移动端web滚动分页的实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了JavaScript函数，函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块，需要的朋友可以参考下2015-12-12
这篇文章主要为大家详细介绍了小程序模实现糊搜索功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
这篇文章主要介绍了Js实现网页键盘控制翻页的方法,较为详细的分析了Js实现网页键盘控制翻页的原理与具体实现方法,非常具有实用价值,需要的朋友可以参考下2014-10-10
这篇文章主要为大家介绍了Electron 电源状态管理示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
最新评论