layer彈出層的關閉問題
就是在執行添加或修改的時候,需要將數據提交到后台進行處理,這時候添加成功之后最理想的狀態是關閉彈出層並且刷新列表的數據信息,之前一直想實現這樣,可一直沒有成功,今天決定好好弄一弄,在仔細看過layer的幫助手冊以及查閱資料之后,有了以下的解決辦法:
一、關閉彈出窗
這是layer官網給出的幫助手冊,講解的比較詳細
分成兩種情況:
1、彈出層不是新的頁面的時候,直接獲得該彈窗的索引,然后執行close方法
layer.close();
2、彈出窗是新的頁面的時候
var index=parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
二、關閉彈窗之后刷新父頁面
例如:在增加用戶的時候,增加會彈出一個新的彈窗頁面,增加成功之后會有提示性的小的alert,在點擊確定之后,彈窗頁面關閉,並且刷新用戶列表的頁面數據。
只需要在關閉彈窗的時候加這個window.parent.location.reload();//刷新父頁面
三、彈出框覆蓋
在layui中兩個或兩個以上的彈出層,覆蓋前一個彈出層(置頂彈出)用parent.layer.open
parent.layer.open({
type : 2,
title : '詳情',
area : ['580px','505px' ], //寬高
closeBtn : 1,
scrollbar: false,
content :'toAssignedDetailInit?assignId='+assignId,//子頁面路徑
btn : [ '確定','關閉' ],
});