1. 程式人生 > >【Layui】子頁面向父級頁面傳遞引數

【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即可