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

举报
原来是咔咔 发表于 2022/03/27 01:49:12 2022/03/27
【摘要】 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

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。