【Layui】子頁面向父級頁面傳遞參數

author：咔咔

案例：

底層是父級頁面，上邊是子頁面，子頁面需要将選擇的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即可