彈出模態窗口關閉刷新父窗體


   今天在做項目的時遇到一個彈出模態窗體的問題,只要是做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:具體什么原因暫時還沒去弄……)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM