【Layui】子页面向父级页面传递参数

简介: 【Layui】子页面向父级页面传递参数

author:咔咔

wechat:fangkangfk

案例:

底层是父级页面,上边是子页面,子页面需要将选择的ID传递给父级页面

image.png


首先需要在父级页面写open打开子页面

content是子页面地址

image.png

var type_id;
    layui.use(['laypage', 'layer','form'], function() {
        var laypage = layui.laypage
            , layer = layui.layer,
            form = layui.form;
        form.on('select(type_mid)', function(data){
            type_id = data.value;
        })
    });
    function show_layer(){
        layer.open({
            type: 2,
            area: [1000+'px', 1000+'px'],
            fix: false, //不固定
            maxmin: true,
            shadeClose: true,
            shade:0.4,
            title: '扩展分类',
            content: 'type?type_id='+type_id,  //url 为子布局的url路径
            success:function (layero,index) {
               console.log('我是咔咔')
            }
        });
    }


屏幕快照 2022-05-12 下午10.59.28.png屏幕快照 2022-05-12 下午10.59.40.png屏幕快照 2022-05-12 下午10.59.49.png

相关文章
|
JavaScript
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
133 0
|
JavaScript
vue使用iframe 子页面调用父页面的方法
vue使用iframe 子页面调用父页面的方法
136 0
a标签 href和onclick 传递的this区别
a标签 href和onclick 传递的this区别
|
JavaScript
js子级窗口相互调用父级的方法
js子级窗口相互调用父级的方法
js子级窗口相互调用父级的方法
【Layui】对于post请求方式的分页引发的刷新父级页面问题
【Layui】对于post请求方式的分页引发的刷新父级页面问题
428 0
【Layui】对于post请求方式的分页引发的刷新父级页面问题
【Layui】操作成功后返回父级并且刷新
【Layui】操作成功后返回父级并且刷新
112 0
【Layui】操作成功后返回父级并且刷新
|
JavaScript 前端开发
使用 jQuery 选择器获取页面元素,然后利用 jQuery 对象的 css() 方法设置其 display 样式属性,从而实现显示和隐藏效果。
使用 jQuery 选择器获取页面元素,然后利用 jQuery 对象的 css() 方法设置其 display 样式属性,从而实现显示和隐藏效果。
313 0
使用 jQuery 选择器获取页面元素,然后利用 jQuery 对象的 css() 方法设置其 display 样式属性,从而实现显示和隐藏效果。