关闭弹出窗口后刷新父页面

Question

I have aspx page that has a gridview in which there is an update button. when I click update button a pop up window opens. The second aspx page (pop up windows) has fields a delete button. when I click the delete button the second aspx page close and the row is deleted from the gridview in the first aspx page. I'm not able to see the row has been deleted from the gridview until i refresh manually the page.

How can I refresh the parent page(the page that has the gridview) right after closing the second page (the pop up window page)?? I tried this but didn't work :

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

Answer 1

You can use window.opener in the pop up window, just add

window.opener.location.reload();

in pop up window on onbeforeunload or onunload event. but that won't work on chrome, it works on firefox.

Another work around you can use setInterval to check if pop up window is closed or not in the main page:

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);
}

Second solution works on all browsers.