layui弹框传值_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是弹出层里面定义的函数。也许我们知道了什么!这个函数的作用就是返回值。

弹出层添加这个:

var callbackdata = function () {

var data = {

username: zhangfj

};

return data;

}

上面的代码就是弹出层里面的JavaScript代码,里面定义了函数callbackdata 用来返回值给调用弹出层的页面。

这篇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是弹出层里面定义的函数。也许我们知道了什么!这个函数的作用就是返回值。 弹出层添加这个: var callbackdata = function () { var data = { username: zhangfj }; return data; } 上面的代码就是弹出层里面的JavaScript代码,里面定义了函数callbackdata 用来返回值给调用弹出层的页面。 这篇layui 弹出层值回传解决方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持谷谷点程序。
经验分享 程序员 微信小程序 职场和发展