zfxcms ^回到顶部

您的当前位置:首页 > web资讯 > layui父传子和子传父

layui父传子和子传父

所属分类: UI框架   2021-05-20 09:38:00  编辑:admin  浏览次数 384 次

这是父类


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(参数);    //看这

                                        iframeWin.$(''#id).html  //等等

                                    }

                                });


这是子类


将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

                },


子传父

var body = layer.getChildFrame('body', index);

                    body.find('#_cur_folder').val(dirnow);

                    body.find('#zfxOldName').val(obj.data.name);

                    body.find('#zfxNewName').val(dirnow);


Web文章检索

Web文章目录