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 appendChild,innerHTML,join性能比较代码
Aug 29 Javascript
jQuery 美元符冲突的解决方法
Mar 28 Javascript
jQuery实现简单的间隔向上滚动效果
Mar 09 Javascript
简单实现js选项卡切换效果
Feb 09 Javascript
react.js 获取真实的DOM节点实例(必看)
Apr 17 Javascript
js实现倒计时关键代码
May 05 Javascript
JScript实现地址选择功能
Aug 15 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
Nov 08 Javascript
小程序和web画三角形实现解析
Sep 02 Javascript
解决layui table表单提示数据接口请求异常的问题
Sep 24 Javascript
vue项目中极验验证的使用代码示例
Dec 03 Javascript
一篇文章带你从零快速上手Rollup
Sep 07 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
ADODB类使用
2006/11/25 PHP
PHP下对数组进行排序的函数
2010/08/08 PHP
openflashchart 2.0 简单案例php版
2012/05/21 PHP
PHP+JS实现大规模数据提交的方法
2015/07/02 PHP
PHP Yii框架之表单验证规则大全
2015/11/16 PHP
PHP中error_reporting函数用法详细介绍
2017/06/11 PHP
php使用pecl方式安装扩展操作示例
2019/08/12 PHP
Cookie 注入是怎样产生的
2009/04/08 Javascript
Jquery 设置标题的自动翻转
2009/10/03 Javascript
location.href 在IE6中不跳转的解决方法与推荐使用代码
2010/07/08 Javascript
js实现html table 行,列锁定的简单实例
2016/10/13 Javascript
Node解决简单重复问题系列之Excel内容的获取
2018/01/02 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
2018/12/25 Javascript
vue+moment实现倒计时效果
2019/08/26 Javascript
微信公众号网页分享功能开发的示例代码
2020/05/27 Javascript
JS画布动态实现黑客帝国背景效果
2020/11/08 Javascript
python实现清屏的方法
2015/04/30 Python
python统计文本文件内单词数量的方法
2015/05/30 Python
Python批量创建迅雷任务及创建多个文件
2016/02/13 Python
详解Python之数据序列化(json、pickle、shelve)
2017/03/30 Python
windows10下python3.5 pip3安装图文教程
2018/04/02 Python
python3.x实现base64加密和解密
2019/03/28 Python
python 梯度法求解函数极值的实例
2019/07/10 Python
Tensorflow实现神经网络拟合线性回归
2019/07/19 Python
Python3自动生成MySQL数据字典的markdown文本的实现
2020/05/07 Python
记一次django内存异常排查及解决方法
2020/08/07 Python
python实现scrapy爬虫每天定时抓取数据的示例代码
2021/01/27 Python
CSS3制作ajax loader icon实现思路及代码
2013/08/25 HTML / CSS
Origins悦木之源香港官网:雅诗兰黛集团高端植物护肤品牌
2018/03/21 全球购物
小学生获奖感言范文
2014/02/02 职场文书
员工安全生产责任书
2014/07/22 职场文书
企业介绍信范文
2015/01/30 职场文书
手机销售员岗位职责
2015/04/11 职场文书
社区法制宣传月活动总结
2015/05/07 职场文书
2016创先争优活动党员公开承诺书
2016/03/24 职场文书
python opencv通过4坐标剪裁图片
2021/06/05 Python