【Layui】子页面向父级页面传递参数
【摘要】
author:咔咔
wechat:fangkangfk
案例:
底层是父级页面,上边是子页面,子页面需要将选择的ID传递给父级页面
首先需要在父级页面写open打开子页面
content是子页面地址
var type_id; layui.use(['laypage', 'layer','form'], ...
author:咔咔
wechat:fangkangfk
案例:
底层是父级页面,上边是子页面,子页面需要将选择的ID传递给父级页面
首先需要在父级页面写open打开子页面
content是子页面地址
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('我是咔咔')
}
});
}
子页面的控制器,将需要的数据查询出来
做到这一步我们的子页面就可以显示出来了
这个时候我们不能使用layui自带的js,我们需要自己写
点击批量添加的时候触发这个事件,type_id是选择的所有分类
我们需要注意这个方法,这个方法是父级页面的方法
同样我们还需要在父级也写这个方法,就可以将子页面的数据传递过来了
测试:
我们先选择
点击添加:获取到id即可
文章来源: blog.csdn.net,作者:咔咔-,版权归原作者所有,如需转载,请联系作者。
原文链接:blog.csdn.net/fangkang7/article/details/85708715
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)