layui弹出层回调如何获取弹出层数据
                                            小编给大家分享一下layui弹出层回调如何获取弹出层数据,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
成都创新互联公司专业为企业提供双清网站建设、双清做网站、双清网站设计、双清网站制作等企业网站建设、网页设计与制作、双清企业网站模板建站服务,十多年双清做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
如下所示:
// 弹出楼栋负责人信息页面
   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 = "" +
     "" + "" + res[i].title + "" +
     "" + 'X' + "" + "
"
    ""
    $("#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是一款采用自身模块规范编写的前端UI框架,它遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,适合新手,并且它还提供了丰富的内置模块,他们皆可通过模块化的方式按需加载,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发,能够作为PC网页端后台系统与前台界面的速成开发方案。
以上是“layui弹出层回调如何获取弹出层数据”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
当前名称:layui弹出层回调如何获取弹出层数据
本文链接:http://www.scyingshan.cn/article/posjch.html

 建站
建站
 咨询
咨询 售后
售后
 建站咨询
建站咨询 
 