现在的位置: 首页 > 综合 > 正文

ASP.NET 中服务端控件事件触发分析

2013年08月19日 ⁄ 综合 ⁄ 共 4763字 ⁄ 字号 评论关闭

原文:http://www.cnblogs.com/aito/archive/2008/09/15/1291225.html

 

第一ASP.NET中在客户端触发服务端事件分为两种情况

A、WebControls  中的  Button  和  HtmlControls  中的 
Type  为  submit  的  HtmlInputButton  
  这两种按钮最终到客户端的表现形式为:
    <input name="Submit1" id="Submit1" type="submit" value=”Submit”>
这是  Form  表单的提交按钮,点击以后会作为参数发送到服务端,参数是这样的: 控件的  name  属性=控件的  value  值,对应上面的例子就是:
Submit1= Submit。
服务端会根据接收到的控件的  name  属性的这个  key  来得知是这个按钮被点击了,从而在服务端触发这个按钮的点击事件。
B、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  的方法来处理所有这些事件的发送,这段代码是:

Code
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)

http://www.CodeHighlighter.com/

--><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  来判断是哪个控件的什么事件触发了。

第二、 PostBack  的原理:

 __doPostBack  是一个纯粹并且是非常简单的  javascript  函数,大部分的页面  PostBack  都是由它触发的。注意,这里是“大部分”,因为只有两个Web Server Control    会自己触发页面的  PostBack,其它的所以控件都是通过__doPostBack  函数触发页面的 PostBack,那先来看一下这个函数的定义吧:

CODE1:

Code
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)

http://www.CodeHighlighter.com/

--><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事件。那上面也说了,大部分的控件都是调用。

第三 Button PostBack  做法

引了页面的  PostBack,只有两个控件是例外,Button  和  ImageButton,正是因为它们不是通过调用__doPostBack  来回发事件,所以通过表单隐含变量__EVENTTARGET  和__EVENTARGUMENT  是无法获取得到引发  PostBack  的  Button  或  ImageButton  的  ID  和参数值的,可通过下面的方式实现
1) 在页面中加如  LinkButton ,页面就会在页面中加载  POSTBACK  所需的  JS

Code
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)

http://www.CodeHighlighter.com/

--><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(); 
   } 

2)利用  GetPostBackEventReference  给客户端生成__doPostBack()
如:比如前台页面
<asp:Button id="Button1" runat="server" Text="Button"></asp:Button>
(1)<a href="#" onclick="document.getElementById('Button1').click()">触发服务器端按钮事件</a>

(2)利用  GetPostBackEventReference  给客户端生成__doPostBack()
前台
<a href="#" onclick="<%=PostBack()%>">触发服务器端按钮事件</a>
后台

Code
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)

http://www.CodeHighlighter.com/

-->protected string PostBack() 
     { 
        
return this.Page.GetPostBackEventReference(this.Button1,"haha"); 
     }

通过__EVENTARGUMENT="haha"可以判断是不是点了那个链接的  PostBack 把  Button1的按钮事件这么写: 

Code
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)

http://www.CodeHighlighter.com/

-->if(Request["__EVENTARGUMENT" ]=="haha"
         { 
                Response.Write(
"这个是链接的  PostBack"); 
         } 
         
else 
         { 
                Response.Write(
"这个不是链接的  PostBack"); 
         } 

 

抱歉!评论已关闭.