layui 操作iframe 层函数

最新推荐文章于 2023-10-18 09:57:59 发布

mrs_qian

最新推荐文章于 2023-10-18 09:57:59 发布

阅读量975

点赞数 1

分类专栏： js函数文章标签： js layui

本文链接：https://blog.csdn.net/mrs_qian/article/details/114310495

版权

js函数专栏收录该内容

6 篇文章 0 订阅

订阅专栏

    layui.layer.open({
        type: 2,//Layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加 载层）4（tips层）,
        title: '选择组织机构',   //标题
        area: ['1000px', '400px'],   //宽高
        shade: 0.4,   //遮罩透明度
        content: '{:url("ServiceCategory/role")}',//支持获取DOM元素
        btn: ['确定', '取消'], //按钮组
        scrollbar: false ,//屏蔽浏览器滚动条
        yes: function(index,layero){
            var body = layer.getChildFrame("body",index);//绑定父子之间的关系，用于数据传递，缺少则无法传递
            var iframeWin = window[layero.find('iframe')[0]['name']];//得到iframe页的窗口对象
            //调用子页面的方法，将父页面的值作为参数传递过去
            var data = iframeWin.callback();
            console.log(data)
        },
        btn2: function(){
            //layer.alert('aaa',{title:'msg title'});  点击取消回调
            layui.layer.msg('bbb');//layer.closeAll();
        }
    });