彈出模態窗口關閉刷新父窗體
今天在做項目的時遇到一個彈出模態窗體的問題，只要是做web開發相信都會遇到這樣的問題，現在就來具體的看下這個問題……
既然需要模態窗口，首先我們需要彈出窗體。
//彈出模態對話框window.showModalDialog("ShowProjectPic.aspx?picID=" + params.toString(), "", "dialogWidth=430px;dialogHeight=350px;help:no;center:yes;resizable:no;status:no;scroll:no")例如：當我們在模態窗體中增刪改一條數據，同時需要刷新父窗體從而同步數據。這裏我們可以在關閉窗體時傳回一個參數，通過判斷這個參數進行刷新窗體。代碼如下
//關閉模態窗體，returnValue='ok'中的ok爲返回值"javascript:window.opener=null;window.returnValue='ok';window.close(); "
有了返回值，我們只需要在父窗體中接受這個返回值就可以判斷是否刷新父窗體，這裏可以將彈出模態對話框的Js代碼改成如下代碼。
//接受判斷返回值
function openwin(params) { if (window.showModalDialog("ShowProjectPic.aspx?picID=" + params.toString(), "", "dialogWidth=430px;dialogHeight=350px;help:no;center:yes;resizable:no;status:no;scroll:no") == 'ok') {
location.reload(true); //刷新父窗體
}
}
最後忘記強調了重要一點，即在彈出窗體的<head>標籤裏面加<base target="_self" /> 標籤，這樣才能正常關閉對話框(PS：具體什麼原因暫時還沒去弄……)