当前位置 主页 > 网站技术 > 代码类 >

    layui 弹出层值回传解决方式

    栏目:代码类 时间:2019-11-14 18:08

    如下所示:

    layer.open({
       type: 2,
       title: "设置围栏",
       shadeClose: true,
       shade: 0.4,
       area: ['90%', '90%'],
       content: "/ElectronicFence/Map?&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 弹出层值回传解决方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持IIS7站长之家。