关闭弹窗后刷新父页面

Question

我有一个带有gridview 的aspx 页面，其中有一个更新按钮。当我单击更新按钮时，会打开一个弹出窗口。第二个 aspx 页面（弹出窗口）有一个删除按钮的字段。当我单击删除按钮时，第二个 aspx 页面关闭，并且该行从第一个 aspx 页面的 gridview 中删除。在我手动刷新页面之前，我无法看到该行已从 gridview 中删除。

如何在关闭第二个页面（弹出窗口页面）后立即刷新父页面（具有gridview的页面）？我试过了，但没有用：

Response.Write("<script>window.close();</" + "script>");
Response.Write("<script>window.opener.location.reload();</" + "script>");

Answer 1

可以在弹窗中使用window.opener，添加即可

window.opener.location.reload();

在onbeforeunload 或onunload 事件的弹出窗口中。但这不适用于chrome，它适用于firefox。

您可以使用setInterval 来检查弹出窗口是否在主页中关闭：

var page = null;
function openPopUp() { 
    page = window.open("desiredPage.html","windowName", "width=200,height=200"); 
    setInterval(function() {
        if(page != null && page.closed) {
            window.location.reload();
        }
    }, 1000);
}

第二种解决方案适用于所有浏览器。