artDialog学习

遇到一个在Dialog弹框中关闭弹窗并刷新父界面问题,

第一层弹框
function detail(id){
var url=$$pageContextPath +”superfiles/tlCjdaJl!queryInfo.do?id=”+id;
// window.location.href=url;
var d = top.dialog({
title: ‘奖励详情’,
url:url,
width:845,
height:530,
});
d.addEventListener(‘close’, function () { ///当关闭本层弹框时调用该函数,
window.location.reload();//////并且刷新父界面
});
d.showModal();
}

弹框界面中点击某个按钮后第二层弹框
function showdialog(tips){
var dialog = top.dialog({
title: ‘提示’,
content: tips,
button: [
{
value: ‘确定’,
callback: function () {
var ss = top.dialog.get(window);
ss.close();/关闭所有弹窗
// ss.remove();
//dialog.close();//关闭当前弹窗
window.location.reload();//加载弹窗前的界面
},
autofocus: false //自动选定,不要可取消,建议取消 false
}
]
}).width(320).showModal();
}

关于两侧弹框关闭后界面无法刷新,如果只是在第二层中刷新界面则无法找到父界面,因为第二层可以把所有弹窗都关掉,而第二层的父界面就是第一层,而第一层也被关闭了,所以出现了断层,而如果直接在第一层的关闭监听中写好刷新父界面的语句,则无论第一层被后面的哪一层关闭都能调用第一层关闭的函数

d.addEventListener(‘close’, function () { ///当关闭本层弹框时调用该函数,
window.location.reload();//////并且刷新父界面
});
这样就能解决刷新问题了

猜你喜欢

转载自blog.csdn.net/weixin_42256811/article/details/81509223