|
首先一個實際的頁面中往往是會有較多的內容,我們暫時把它分為A,B兩個區域,A區域是內容區域,我們可以用updatepanel來實現異步刷新,B區域是上傳區域,我們用div已經ifame占位,其中上傳的具體功能實現我們可以放到C頁面中,這樣當點擊按鈕刷新B區域的時候,我們可以向C頁面傳值來更新里面的內容,同樣當我們點擊按鈕刪除或者保存內容時,也可以獲取C頁面中的內容,這樣就基本上滿足了無刷新的感覺。
其實這種方式并不能稱之為異步刷新,因為我們只是用iframe來實現頁面的局部刷新從而滿足一種無刷新的感覺而已。
如果這樣處理的話,ASP.NET頁面與iframe之間的傳值就會成為另一個問題,其實這個問題如果你知道,就會比較簡單,但是不知道的話,就有點無從下手。
網上可能也提供了很多方案處理傳值,我使用的是使用Javascript來獲取控件從而取到他里面所包含的值。
這個是獲取iframe f1,以及頁面C中的 img控件
var objFrame = document.getElementById("f1");
var objPicture = objFrame.contentWindow.document.getElementById("imgPicture");
當然你也可以在頁面C中去獲取父頁面的控件,從而獲取值
var objHid = this.parent.document.getElementById("")
這個是包含ifrmae的div
<div id="iconpicture">
<iframe id="f1" style="width: 300px; height: 300px" src="UploadImage.ASPx" scrolling="no"
frameborder="0" border="0" frameborder="no"></iframe>
</div>
這個實現方式我已經在項目中成功的使用了,其實如果這樣處理主要的難點已經不再于具體功能的實現,而在于頁面的布局在多瀏覽器下的適應了。當然我提供的這些Javascript 是滿足多瀏覽器的。
AspNet技術:asp.net 文件上傳與刷新與asp.net頁面與iframe之間的數據傳輸,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。