layui 弹出层回调获取弹出层数据的例子


Posted in Javascript onSeptember 02, 2019

如下所示:

// 弹出楼栋负责人信息页面
   layer.open({
   type: 2,
   title:'请选择楼栋负责人',
   maxmin: false,
   area: ['60%', '80%'],
   offset: '0px',
   content: '${ctx}/life/houserInsertion/headBuildingInfo?pkProject='+pkProject,
   btn: ['确定','关闭'],
    yes: function(index){
    //当点击‘确定'按钮的时候,获取弹出层返回的值
    var res = window["layui-layer-iframe" + index].callbackdata();
    //打印返回的值,看是否有我们想返回的值。
    console.log(res);
    for (var i = 0; i < res.length; i++) {
    var html = "<div class='text' value='' style='visibility: visible;'>" +
     "<p>" + "<span class='responsibleName' value=" + res[i].value + ">" + res[i].title + "</span>" +
     "<a class='close_btn' οnclick='remove(this)'>" + 'X' + "</a>" + "</p>"
    "</div>"
    $("#responsibleName_id").append(html);
    
    }
    //最后关闭弹出层
    layer.close(index);
   }
   });

// 关键代码var res = window["layui-layer-iframe" + index].callbackdata();

这行代码中‘callbackdata'是弹出层里面定义的函数。也许我们知道了什么!这个函数的作用就是返回值。
弹出层定义callbackdata函数

var callbackdata = function () {
  var data = {
  username: 'zhangfj',
  age:12,
  address:'广州'
  };
  return data;
 }

注意:下图是弹出层回调数据

layui 弹出层回调获取弹出层数据的例子

以上这篇layui 弹出层回调获取弹出层数据的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript学习笔记一 之 数据类型
Dec 15 Javascript
JavaScript匿名函数与委托使用示例
Jul 22 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
Mar 11 Javascript
JavaScript函数的一些注意要点小结及js匿名函数
Nov 10 Javascript
精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
Jul 01 Javascript
javascript获取网页各种高宽及位置的方法总结
Jul 27 Javascript
jQuery实现元素的插入
Feb 27 Javascript
Angular5中提取公共组件之radio list的实例代码
Jul 10 Javascript
vue-cli 构建骨架屏的方法示例
Nov 08 Javascript
详解ES6 Promise的生命周期和创建
Aug 18 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
Sep 23 Javascript
11个Javascript小技巧帮你提升代码质量(小结)
Dec 28 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
Sep 01 #Javascript
Vue使用mixin分发组件的可复用功能
Sep 01 #Javascript
JavaScript页面加载事件实例讲解
Sep 01 #Javascript
Node.js安装详细步骤教程(Windows版)详解
Sep 01 #Javascript
vue组件命名和props命名代码详解
Sep 01 #Javascript
Vue-CLI项目中路由传参的方式详解
Sep 01 #Javascript
vue实现输入框的模糊查询的示例代码(节流函数的应用场景)
Sep 01 #Javascript
You might like
PHP读取文本文件并逐行输出该行使用最多的字符与对应次数的方法
2016/11/25 PHP
PHP扩展Swoole实现实时异步任务队列示例
2019/04/13 PHP
搭建PhpStorm+PhpStudy开发环境的超详细教程
2020/09/17 PHP
Javascript 对象的解释
2008/11/24 Javascript
jQuery AJAX回调函数this指向问题
2010/02/08 Javascript
跨浏览器开发经验总结(四) 怎么写入剪贴板
2010/05/13 Javascript
jquery显示和隐藏div特效实例
2013/02/27 Javascript
extjs表格文本启用选择复制功能具体实现
2013/10/11 Javascript
鼠标滚轴控制文本框值的JS代码
2013/11/19 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
2014/12/20 Javascript
jQuery实现转动随机数抽奖效果的方法
2015/05/21 Javascript
JS+CSS实现下拉列表框美化效果(3款)
2015/08/15 Javascript
理解javascript封装
2016/02/23 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
2017/01/04 Javascript
令按钮悬浮在(手机)页面底部的实现方法
2017/05/02 Javascript
vue自定义过滤器创建和使用方法详解
2017/11/06 Javascript
使用socket.io实现简单聊天室案例
2018/01/02 Javascript
妙用缓存调用链实现JS方法的重载
2018/04/30 Javascript
vue使用Proxy实现双向绑定的方法示例
2019/03/20 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
2020/09/16 Javascript
python+django+sql学生信息管理后台开发
2018/01/11 Python
Python脚本操作Excel实现批量替换功能
2019/11/20 Python
Tensorflow训练MNIST手写数字识别模型
2020/02/13 Python
Python3.x+pyqtgraph实现数据可视化教程
2020/03/14 Python
详解java调用python的几种用法(看这篇就够了)
2020/12/10 Python
HTML5的Geolocation地理位置定位API使用教程
2016/05/12 HTML / CSS
MONNIER Frères英国官网:源自巴黎女士奢侈品配饰电商平台
2018/12/06 全球购物
阿拉伯书店:Jamalon
2019/07/24 全球购物
Vrbo西班牙:预订您的度假公寓(公寓、乡村房屋…)
2020/04/27 全球购物
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
计算机专业自荐信
2013/10/14 职场文书
办公室主任职责范文
2013/11/08 职场文书
关心下一代工作先进事迹
2014/08/15 职场文书
教师三严三实心得体会
2014/10/11 职场文书
六年级小学生评语
2014/12/26 职场文书
vue实现在data里引入相对路径
2022/06/05 Vue.js