Asp.net中服务端控件事件是如何触发的(笔记)

[align=left]Asp.Net 中在客 户端触发服务器端事件分为两种情况：[/align] [align=left]一. WebControls中的Button 和HtmlControls中的Type为submit的HtmlInputButton[/align] [align=left]这两种按 钮最终到客户端的表现形式为：<input type="submit" value="Submit">，这是Form表单的 提交按钮，点击以后会作为参数发送到服务端，参数是这样的：[/align] [align=left]控件的name属性=控件的value值，对 应上面的例子就是：Submit1= Submit。服务器端会根据接收到的控件的name属性的 这个key来得知是这个按钮被点击了，从而在服务端触发这个按钮的点击事件。[/align] [align=left]二. HtmlControls 中的 Type为button的HtmlInputButton 和其它所有的控件事件，比如LinkButton点击，TextBox的Change事件等 等：[/align] [align=left]这些事件在客户端产生后会经过一个统一的机制发 送到服务端。[/align] [align=left] [/align] [align=left]1.首先asp.net页框架 会使用两个Hidden域来存放表示是哪个控件触发的事件，以及事件的参数：[/align] [align=left]<!―表示触发 事件的控件，一般是这个控件的name -->[/align] [align=left]<input type="hidden" value="" />[/align] [align=left]<!―表示触发 事件的参数,一般是当某个控件有两个以上的事件时，用来区别是哪个事件 -->[/align] [align=left]<input type="hidden" value="" />[/align] [align=left][/align] [align=left]2.服务端 会生成一个jscript的方法来处理所有这些事件的发送，这段代码是：[/align] [align=left]<script language="javascript" type="text/javascript">[/align] [align=left] function __doPostBack(eventTarget, eventArgument) [/align] [align=left] {[/align] [align=left] var theform = document.WebForm2;[/align] [align=left] theform.__EVENTTARGET.value = eventTarget;[/align] [align=left] theform.__EVENTARGUMENT.value = eventArgument;[/align] [align=left] theform.submit();[/align] [align=left] }[/align] [align=left]</script>　　

[/align] [align=left]3.每个会 引发服务端事件的控件都会在响应的客户端事件中调用上面的代码：[/align] [align=left]比如，HtmlControls 中的 Type为button的HtmlInputButton的点击 事件[/align] [align=left]<!―客户端 的点击事件调用__doPostBack，eventTarget 参数为'Button2'，表示是name为'Button2’控件触 发的事件，eventArgument 为空，表示这个Type为button的HtmlInputButton只有一 个客户端触发的服务端事件-->[/align] [align=left]<input language="javascript" Button2','')" type="button"　value="Button" />[/align] [align=left]又比如，TextBox控件的Change事件[/align] [align=left]<!―客户端 的onchange事件调用__doPostBack，eventTarget 参数为’TextBox1’，表示是name为’TextBox1’控件触 发的事件，而TextBox控件只有一个客户端触发的服务端事件TextChanged，故服 务器就会去触发这个TextBox的TextChanged事件->[/align] [align=left]<input type="text" TextBox1','')" language="javascript" />[/align] [align=left] [/align] [align=left]4.客户端 触发事件后调用__doPostBack方法，将表示触发的控件源的eventTarget 和事件参数eventArgument分别付给 两个隐藏域__EVENTTARGET和__EVENTARGUMENT，然后 提交Form，在服务端根据__EVENTTARGET和__EVENTARGUMENT来判断 是哪个控件的什么事件触发了。[/align] [align=left] [/align] [align=left]第二章、 PostBack的原理[/align] [align=left]__doPostBack是一个纯粹并且是非常简单的javascript函数，大部分的页面PostBack都是由它触发的。注意，这里是“大部分”，因为只有两个Web Server Control 会自己触发页面的PostBack,其它的所有控件都是通过__doPostBack函数触发页面的PostBack，那先来看一下这个函数的定义吧：[/align] [align=left]CODE1: [/align] [align=left]<input type="hidden" value="" /> [/align] [align=left]<input type="hidden" value="" /> [/align] [align=left]function __doPostBack(eventTarget, eventArgument) { [/align] [align=left]if (!theForm.onsubmit || (theForm.onsubmit() != false)) { [/align] [align=left]theForm.__EVENTTARGET.value = eventTarget; [/align] [align=left]theForm.__EVENTARGUMENT.value = eventArgument; [/align] [align=left]theForm.submit(); [/align] [align=left]} [/align] [align=left]} [/align] [align=left]通过上面的代码可以看到，__doPostBack带有两个参数，eventTarget是标识将要引发页面PostBack的控件ID，eventArgument参数提供了在引发页面PostBack事件时所带的额外参数。当然这个函数被函数时，这两个参数的 值将赋值给页面的两个隐含变量__EVENTTARGET和__EVENTARGUMENT，然后调用页面的submit方法提交页面表单。这就是为什么我们可以通过Request.Form[“__EVENTTARGET”]获取得到引发页面PostBack的控件ID的原因。[/align] [align=left]了解了__doPostBack函数后，我们可以很容易的利用它非常方便地自己触发自定义的PostBack事件。那上面也说了，大部分的控件都是调用[/align] [align=left] [/align] [align=left]第三章 Button PostBack做法[/align]下面来简单看一下页面PostBack的原理，和Button，ImageButton PostBack的特殊性。
__doPostBack 是一个纯粹并且是非常简单的javascript函数，大部分的页面PostBack都是由它触发的。注意，这里是“大部分”，因为只有两个Web Server Control 会自己触发页面的PostBack,其它的所以控件都是通过__doPostBack函数触发页面的PostBack，那先来看一下这个函数的定义吧：
[复 制此代码]CODE:
<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的: C#
[复制此代码]CODE:
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取得到事件源控件的话，这点是特别要注意的。