1. 程式人生 > >layui 彈出層傳值的使用方法

layui 彈出層傳值的使用方法

廢話不說,直接上案例

父類頁面中:

首先圖片內的程式碼是 在一個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/