layui弹出成界面传参问题

最新推荐文章于 2024-02-07 17:03:52 发布

li_lf

最新推荐文章于 2024-02-07 17:03:52 发布

阅读量565

点赞数

文章标签： js java

本文链接：https://blog.csdn.net/lf1934305268/article/details/108853202

版权

该博客介绍了如何在JavaScript中通过layer弹窗组件从父页面向子页面传递参数，并在子页面中成功接收到这些参数进行处理。示例中，父页面使用`success`回调将`type`、`data1.insertTime`和`data1.dataDesc`传给子页面的`initPlanQueryChil`函数，子页面则利用这些参数更新界面和调用其他功能。

摘要由CSDN通过智能技术生成

父页面需要传递的参数在succes

     layer.open({
            type: 2,//此处以iframe举例
            title: data1.dataDesc,
            height: 800,
            width: 500,
            area: ['1900px', '900px'],
            shade: 0,
            maxmin: true,
            offset: 'auto',
            scrolling: true,
            content: '../../views/planQueryChil.html',
            btn: ['全部关闭'] //只是为了演示
            ,
            yes: function () {
                layer.closeAll();
            },
            zIndex: layer.zIndex //重点1
            ,
            success: function (layero, index) {
                var iframe = window['layui-layer-iframe' + index];
                //给子类页面传递参数 三个参数
                iframe.initPlanQueryChil(typePlanQuery, data1.insertTime, data1.dataDesc)
            }
        });

子类界面js

//拿到父类页面传来的数据并把数据进行调用函数处理 获取到的三个参数
function initPlanQueryChil(type, d5000id, dataDesc) {

    $("#planQueryChilebt2").text(dataDesc )
    // PlanQueryChilLine
    console.log(type + "," + d5000id)
    lineInitData(type, d5000id);
    tablePlanQueryChil(type, d5000id);
}