layui父向子传值（绝对可以）

最新推荐文章于 2023-09-06 13:39:50 发布

合着我是程序白

最新推荐文章于 2023-09-06 13:39:50 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

文章标签： layui

本文链接：https://blog.youkuaiyun.com/qq_42804880/article/details/86705915

本文详细介绍如何使用layui框架实现父窗口与子iframe之间的参数传递和方法调用，通过具体代码示例展示如何在弹出层中加载iframe，并在成功加载后调用子iframe中的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这是父类

layer.open({
                       type: 2,
                       area: ['1100px', '550px'], //宽高
                       move : false,
                                   id : 'Detail',//设定一个id，防止重复弹出
                                   title : '查看接种信息：',
                                   shadeClose : true,
                                   shade : 0.6,
                                   content : 'inoculation-info.jsp', //iframe的url
                                   btn : ['退出'],
                                   btnAlign : 'c',
                                   success:function(layero, index){

//关键在这，调用子的iframe的方法，进行传参,前两行固定写法
                                       var body = layer.getChildFrame('body', index);
                                       var iframeWin = window[layero.find('iframe')[0]['name']];
                                       iframeWin.childIframe(参数); //看这
                                   }
                       });

这是子类

将layui的js进行封装，有父类调用传参
   function childIframe(childNo){ //就是这
       layui.use('table', function() {
           var table = layui.table;
           table.render({
               elem : '#test',
               url : '${pageContext.request.contextPath }/child/inoculation',
               where:{
                   childNo:childNo
               },