doPostBack 的深入研究

在我的隨筆《 Page，你是怎樣處理回傳事件的？》中曾提出一個疑問，如何得到引起頁面PostBack的控制項？通過閱讀Page類的源碼，誤打誤撞，無意中看到了__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，那先來看一下這個函數的定義吧：

CODE1:

<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />

<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />

function __doPostBack(eventTarget, eventArgument) {

if (!theForm.onsubmit || (theForm.onsubmit() != false)) {

theForm.__EVENTTARGET.value = eventTarget;

theForm.__EVENTARGUMENT.value = eventArgument;

theForm.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的:

CODE2:

foreach (string str in Request.Form)

    {

    Control c = Page.FindControl(str);

if (c is Button)

{

control = c;

break;

}

}

   為什麼能通過枚舉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取得到事件來源控制項的話，這點是特別要注意的。