Asp.net中服務端控件事件是怎么觸發的
發表時間:2023-08-20 來源:明輝站整理相關軟件相關文章人氣:
[摘要]Asp.net 中在客戶端觸發服務端事件分為兩種情況:一. WebControls中的Button 和HtmlControls中的Type為submit的HtmlInputButton這兩種...
Asp.net 中在客戶端觸發服務端事件分為兩種情況:
一. WebControls中的Button 和HtmlControls中的Type為submit的HtmlInputButton
這兩種按鈕最終到客戶端的表現形式為: <input name="Submit1" id="Submit1" type="submit" value=”Submit”>,這是Form表單的提交按鈕,點擊以后會作為參數發送到服務端,參數是這樣的: 控件的name屬性=控件的value值,對應上面的例子就是:Submit1= Submit。 服務端會根據接收到的控件的name屬性的這個key來得知是這個按鈕被點擊了,從而在服務端觸發這個按鈕的點擊事件。
二. HtmlControls 中的 Type為button的HtmlInputButton 和其它所有的控件事件,比如LinkButton點擊,TextBox的Change事件等等:
這些事件在客戶端產生后會經過一個統一的機制發送到服務端。
1. 首先asp.net頁框架會使用兩個Hidden域來存放表示是哪個控件觸發的事件,以及事件的參數:
<!—表示觸發事件的控件,一般是這個控件的name -->
<input type="hidden" name="__EVENTTARGET" value="" />
<!—表示觸發事件的參數,一般是當某個控件有兩個以上的事件時,用來區別是哪個事件 -->
<input type="hidden" name="__EVENTARGUMENT" value="" />
2. 服務端會生成一個jscript的方法來處理所有這些事件的發送,這段代碼是:
<script language="javascript">
<!--
function __doPostBack(eventTarget, eventArgument) {
var theform = document.WebForm2;
theform.__EVENTTARGET.value = eventTarget;
theform.__EVENTARGUMENT.value = eventArgument;
theform.submit();
}
// -->
</script>
3. 每個會引發服務端事件的控件都會在響應的客戶端事件中調用上面的代碼:
比如,HtmlControls 中的 Type為button的HtmlInputButton的點擊事件
<!—客戶端的點擊事件調用__doPostBack,eventTarget 參數為'Button2',表示是name為'Button2’控件觸發的事件,eventArgument 為空,表示這個Type為button的HtmlInputButton只有一個客戶端觸發的服務端事件-->
<input language="javascript" onclick="__doPostBack('Button2','')" name="Button2" id="Button2" type="button" value="Button" />
又比如,TextBox控件的Change事件
<!—客戶端的onchange事件調用__doPostBack,eventTarget 參數為’TextBox1’,表示是name為’TextBox1’控件觸發的事件,而TextBox控件只有一個客戶端觸發的服務端事件TextChanged,故服務器就會去觸發這個TextBox的TextChanged事件->
<input name="TextBox1" type="text" id="TextBox1" onchange="__doPostBack('TextBox1','')" language="javascript" />
4. 客戶端觸發事件后調用__doPostBack方法,將表示觸發的控件源的eventTarget 和事件參數eventArgument分別付給兩個隱藏域__EVENTTARGET和__EVENTARGUMENT,然后提交Form,在服務端根據__EVENTTARGET和__EVENTARGUMENT來判斷是哪個控件的什么事件觸發了。