明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

Asp.net中服務(wù)端控件事件是怎么觸發(fā)的

[摘要]Asp.net 中在客戶端觸發(fā)服務(wù)端事件分為兩種情況:一. WebControls中的Button 和HtmlControls中的Type為submit的HtmlInputButton這兩種...
Asp.net 中在客戶端觸發(fā)服務(wù)端事件分為兩種情況:

一.     WebControls中的Button 和HtmlControls中的Type為submit的HtmlInputButton

這兩種按鈕最終到客戶端的表現(xiàn)形式為: <input name="Submit1" id="Submit1" type="submit" value=”Submit”>,這是Form表單的提交按鈕,點(diǎn)擊以后會(huì)作為參數(shù)發(fā)送到服務(wù)端,參數(shù)是這樣的: 控件的name屬性=控件的value值,對(duì)應(yīng)上面的例子就是:Submit1= Submit。 服務(wù)端會(huì)根據(jù)接收到的控件的name屬性的這個(gè)key來(lái)得知是這個(gè)按鈕被點(diǎn)擊了,從而在服務(wù)端觸發(fā)這個(gè)按鈕的點(diǎn)擊事件。

二.     HtmlControls 中的 Type為button的HtmlInputButton 和其它所有的控件事件,比如LinkButton點(diǎn)擊,TextBox的Change事件等等:

這些事件在客戶端產(chǎn)生后會(huì)經(jīng)過(guò)一個(gè)統(tǒng)一的機(jī)制發(fā)送到服務(wù)端。

1.       首先asp.net頁(yè)框架會(huì)使用兩個(gè)Hidden域來(lái)存放表示是哪個(gè)控件觸發(fā)的事件,以及事件的參數(shù):

<!—表示觸發(fā)事件的控件,一般是這個(gè)控件的name -->

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

<!—表示觸發(fā)事件的參數(shù),一般是當(dāng)某個(gè)控件有兩個(gè)以上的事件時(shí),用來(lái)區(qū)別是哪個(gè)事件 -->

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

2.       服務(wù)端會(huì)生成一個(gè)jscript的方法來(lái)處理所有這些事件的發(fā)送,這段代碼是:

<script language="javascript">

<!--

  function __doPostBack(eventTarget, eventArgument) {

         var theform = document.WebForm2;

         theform.__EVENTTARGET.value = eventTarget;

         theform.__EVENTARGUMENT.value = eventArgument;

         theform.submit();

  }

// -->

</script>

3.       每個(gè)會(huì)引發(fā)服務(wù)端事件的控件都會(huì)在響應(yīng)的客戶端事件中調(diào)用上面的代碼:

比如,HtmlControls 中的 Type為button的HtmlInputButton的點(diǎn)擊事件

<!—客戶端的點(diǎn)擊事件調(diào)用__doPostBack,eventTarget 參數(shù)為'Button2',表示是name為'Button2’控件觸發(fā)的事件,eventArgument 為空,表示這個(gè)Type為button的HtmlInputButton只有一個(gè)客戶端觸發(fā)的服務(wù)端事件-->

<input language="javascript" onclick="__doPostBack('Button2','')" name="Button2" id="Button2" type="button"  value="Button" />



又比如,TextBox控件的Change事件

<!—客戶端的onchange事件調(diào)用__doPostBack,eventTarget 參數(shù)為’TextBox1’,表示是name為’TextBox1’控件觸發(fā)的事件,而TextBox控件只有一個(gè)客戶端觸發(fā)的服務(wù)端事件TextChanged,故服務(wù)器就會(huì)去觸發(fā)這個(gè)TextBox的TextChanged事件->

<input name="TextBox1" type="text" id="TextBox1" onchange="__doPostBack('TextBox1','')" language="javascript" />

4.       客戶端觸發(fā)事件后調(diào)用__doPostBack方法,將表示觸發(fā)的控件源的eventTarget 和事件參數(shù)eventArgument分別付給兩個(gè)隱藏域__EVENTTARGET和__EVENTARGUMENT,然后提交Form,在服務(wù)端根據(jù)__EVENTTARGET和__EVENTARGUMENT來(lái)判斷是哪個(gè)控件的什么事件觸發(fā)了。