layui 彈出層傳值的使用方法
阿新 • • 發佈:2018-12-01
廢話不說,直接上案例
父類頁面中:
首先圖片內的程式碼是 在一個layui 表格中的列監聽事件中
data就是我們要傳到開啟的視窗內的資料
子類頁面中:
獲取的方法很簡單 沒錯就是一句話
function child(res, index) {
$("#user_id").val(res.user_id);
}
只需要寫一個方法 就可以獲取到了 ,res就是我們要接收的資料
index則可以根據下標來進行操作完成後 關閉當前開啟的子類頁面
在這 裡多補充一點
1.當我在子類頁面寫一個點選事件 在事件內部 加入 這一句 程式碼
parent.iframe(index);
代表 當前執行父類中的iframe方法
而此方法 需要傳入一個index 指定是哪個 彈出層的下標
2.當然 了 既然都這樣說了 那在父類中肯定需要這樣一個方法嘍
function iframe(index){
layer.close(index);
}
最終 提示一下 layui的使用 有點繁瑣 當我們引入layui元件後 要使用什麼就要宣告什麼,具體的可以檢視Layui官網
Layui官網地址:https://www.layui.com/