绵阳梓潼网站制作公司

layui弹出层回调如何获取弹出层数据-创新互联

小编给大家分享一下layui弹出层回调如何获取弹出层数据，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联为客户提供专业的成都网站设计、网站制作、程序、域名、空间一条龙服务，提供基于WEB的系统开发. 服务项目涵盖了网页设计、网站程序开发、WEB系统开发、微信二次开发、移动网站建设等网站方面业务。

如下所示：

// 弹出楼栋负责人信息页面
   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是什么

layui是一款采用自身模块规范编写的前端UI框架，它遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，适合新手，并且它还提供了丰富的内置模块，他们皆可通过模块化的方式按需加载，从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发，能够作为PC网页端后台系统与前台界面的速成开发方案。

以上是“layui弹出层回调如何获取弹出层数据”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联成都网站设计公司行业资讯频道！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。


分享文章：layui弹出层回调如何获取弹出层数据-创新互联
文章链接：http://myzitong.com/article/ijjho.html

其他资讯