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

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