Layui父页面向子页面传参

Posted userzf

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Layui父页面向子页面传参相关的知识,希望对你有一定的参考价值。

废话不多说!直接上代码!

父窗体js

$(‘.mytable‘).on(‘click‘, ‘.editRow‘, function () {
        var table = $(‘#table_id_example‘).DataTable();
        var rowData = table.rows({selected: true}).data()[0];
        if (rowData) {
            layer.open({
                title: this.text,
                type: 2,
                skin: ‘layui-layer-rim‘, //加上边框
                area: [window.screen.width / 2 + ‘px‘, window.screen.height / 2 + ‘px‘], //宽高
                maxmin: true, //开启最大化最小化按钮
                content: "taskDetail.html",
                success: function (layero, index) {
                    // 获取子页面的iframe
                    var iframe = window[‘layui-layer-iframe‘ + index];
                    // 向子页面的全局函数child传参
                    iframe.child(rowData);
                }
            })
        } else {
            alert("先选择行")
        }
    })

子窗体


<script>
    function child(d) {
      alert(d)
    //在这里你可以写你的jquery $(function(){ })   等等操作


    }
</script>

以上是关于Layui父页面向子页面传参的主要内容,如果未能解决你的问题,请参考以下文章

layer.open中父页面向子页面传值

iframe实践小结:如何实现父页面向子页面传递数据

vue引入iframe的父页面向子页面传递数据

asp 网页 iframe 子页如何向父页回传参数

iframe子页怎么获取父页的window对象

Flutter路由跳转父级页面向子页面传参及子页面向父级页面传参