深入理解asp.net中的 __doPostBack函數
前段時間做一個.net網站的時候,用到了模擬前端按鈕刷新updatePanel進行局部刷新的時候,遇見了這個問題,當時沒顧上記下來,查看網上資料,記下來留著以後查看.
很早以前,當我剛接觸asp.NET開發時,我曾有很多很多的疑問(大概是因為我以前一直做jsp開發,也接觸過一段時間的asp,腦海中沒有這種基於“控件編程”和“事件編程“模型的緣故吧。當然,如果對於一個長期從事桌面程序開發的人,轉型做asp.net--webform當然很輕松。)。當我面對這些功能強大的控件,這些屬性,這些事件...我常常想知道,她裏面到底是如何實現的?例如:Button按鈕是如何提交表單的?為啥我在後臺可以輕松取到前臺頁面用戶輸入的值?如何得到引起頁面PostBack的控件?通過閱讀Page類的源碼(通過閱讀源碼以及對面向對象思想逐漸的理解,我後來慢慢體會到,其實整個.NET框架,就是按照面向對象的思想去設計的。所以我常用Reflector工具去查看源碼,探尋究竟),誤打誤撞,無意中看到了__EVENTTARGET和__EVENTARGUMENT這兩個常量的定義,並通過調試分析頁面,知道了通過Request.Form[“__EVENTTARGET”]可以獲取到觸發頁面PostBack的事件源(控件的ID)。對於一般的控件,這樣就可以了,唯有Button和ImageButton觸發的PostBack無法通過這種方式獲取到它們的ID,起初還以為是它們實現的接口的不同而產生PostBack方式的不同。剛剛在AspAlliance.看到一篇關於__doPostBack的文章(原文:《Understanding the JavaScript __doPostBack Function》),才真正明白了頁面PostBack的內在機制,疑團也終於解開了。下面來簡單看一下頁面PostBack的原理,和Button,ImageButton PostBack的特殊性。
__doPostBack是一個純粹並且是非常簡單的JavaScript函數,大部分的頁面PostBack都是由它觸發的。註意,這裏是“大部分”,因為只有兩個Web Server Control 會自己觸發頁面的PostBack,其它的所以控件都是通過__doPostBack函數觸發頁面的PostBack,那先來看一下這個函數的定義吧:
1 <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> 2 <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> 3function __doPostBack(eventTarget, eventArgument) { 4 if (!theForm.onsubmit || (theForm.onsubmit() != false)) { 5 theForm.__EVENTTARGET.value = eventTarget; 6 theForm.__EVENTARGUMENT.value = eventArgument; 7 theForm.submit(); 8 } 9 }rm.submit();
通過上面的代碼可以看到,__doPostBack帶有兩個參數,eventTarget是標識將要引發頁面PostBack的控件ID,eventArgument參數提供了在引發頁面PostBack事件時所帶的額外參數。當然這個函數被函數時,這兩個參數的值將賦值給頁面的兩個隱含變量__EVENTTARGET和__EVENTARGUMENT,然後調用頁面的submit方法提交頁面表單。這就是為什麽我們可以通過Request.Form[“__EVENTTARGET”]獲取得到引發頁面PostBack的控件ID的原因。
了解了__doPostBack函數後,我們可以很容易的利用它非常方便地自己觸發自定義的PostBack事件。那上面也說了,大部分的控件都是調用這個方法來引了頁面的PostBack,只有兩個控件是例外,Button 和 ImageButton,正是因為它們不是通過調用__doPostBack來回發事件,所以通過表單隱含變量__EVENTTARGET和__EVENTARGUMENT是無法獲取得到引發PostBack的Button或ImageButton的ID和參數值的,只有通過下面的方式才能得它們的實例,進而判斷是哪個控件引發的PostBack的:
1 foreach (string str in Request.Form){ 2 Control c = Page.FindControl(str); 3 if (c is Button){ 4 control = c; 5 break; 6 } 7 }
為什麽能通過枚舉Request.Form集合的Key值,查找到的回發事件源呢?在這裏Button和ImageButton又有一些不同。Button控件引發的PostBack,會將Button本身的ID作為Request.Form的一個Key,它的Value是Button的Text屬性值,回傳給服務器,這樣服務器就可以通過枚舉Request.Form的Key值,去查找出控件實例,判斷是否為Button控件,進而得到是哪個控件引發的PostBack事件。而ImageButton的不同就在於,它不僅僅是用ImageButton的ID作為Request.Form的Key,它是用ImageButton的ID加上.x和.y,作為Key,在Request.Form添加兩上鍵值對,這兩個鍵值對的值應該是標識ImageButton的圖片大小。同樣的,了解了這個規律後,我們仍然可以通過一定的方式得到是否是由ImageButton引發的PostBack。
總結:理解並掌握__doPostBack原理對我們更加了解Page的事件模型有非常大的幫助,並且也是我們進一步利用好頁面的PostBack事件的一個重要基礎。在整個asp.Net頁面PostBack模型中,只有Button和ImageButton是個例外,其它的控件都是一樣的,也就是使用__doPostBack函數。在當我們需要通過__EVENTTARGET取得到事件源控件的話,這點是特別要註意的。
深入理解asp.net中的 __doPostBack函數