【Layui】子頁面向父級頁面傳遞引數
阿新 • • 發佈:2019-01-11
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即可