您的位置:首页 > 编程语言 > ASP

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

2013-11-26 15:50 417 查看
Asp.Net
中在客户端触发服务器端事件分为两种情况:

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


这两种按 钮最终到客户端的表现形式为:<input
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"
value=""
/>

<!―表示触发事件的参数,一般是当某个控件有两个以上的事件时,用来区别是哪个事件
-->

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

2.服务端会生成一个jscript的方法来处理所有这些事件的发送,这段代码是:

<script
language="javascript"
type="text/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" Button2','')" type="button" value="Button"
/>

又比如,TextBox控件的Change事件

<!―客户端的onchange事件调用__doPostBack,eventTarget
参数为’TextBox1’,表示是name为’TextBox1’控件触发的事件,而TextBox控件只有一个客户端触发的服务端事件TextChanged,故服务器就会去触发这个TextBox的TextChanged事件->

<input type="text" TextBox1','')" language="javascript" />

4.客户端触发事件后调用__doPostBack方法,将表示触发的控件源的eventTarget
和事件参数eventArgument分别付给两个隐藏域__EVENTTARGET和__EVENTARGUMENT,然后提交Form,在服务端根据__EVENTTARGET和__EVENTARGUMENT来判断是哪个控件的什么事件触发了。

第二章
PostBack的原理

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

CODE1:

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

<input type="hidden" 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 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取得到事件源控件的话,这点是特别要注意的。

作者:Tonny Yang

出处:http://www.cnblogs.com/yangtongnet/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: