深入理解__doPostBack 客户端调用服务端事件
程序员文章站
2022-05-31 17:08:25
在我的随笔《page,你是怎样处理回发事件的?》中曾提出一个疑问,如何得到引起页面postback的控件?通过阅读page类的源码,误打误撞,无意中看到了__eventta...
在我的随笔《page,你是怎样处理回发事件的?》中曾提出一个疑问,如何得到引起页面postback的控件?通过阅读page类的源码,误打误撞,无意中看到了__eventtarget和__eventargument这两个常量的定义,并通过调试分析页面,知道了通过request.form[“__eventtarget”]可以获取到触发页面postback的事件源(控件的id)。对于一般的控件,这样就可以了,唯有button和imagebutton触发的postback无法通过这种方式获取到它们的id,起初还以为是它们实现的接口的不同而产生postback方式的不同。刚刚在aspalliance.看到一篇关于__dopostback的文章(原文:《understanding the javascript __dopostback function》),才真正明白了页面postback的内在机制,疑团也终于解开了。下面来简单看一下页面postback的原理,和button,imagebutton postback的特殊性。
__dopostback是一个纯粹并且是非常简单的javascript函数,大部分的页面postback都是由它触发的。注意,这里是“大部分”,因为只有两个web server control 会自己触发页面的postback,其它的所以控件都是通过__dopostback函数触发页面的postback,那先来看一下这个函数的定义吧:
<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#
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取得到事件源控件的话,这点是特别要注意的。
注意: __dopostback('','')前面是两个“_”,不是一个。
__dopostback是一个纯粹并且是非常简单的javascript函数,大部分的页面postback都是由它触发的。注意,这里是“大部分”,因为只有两个web server control 会自己触发页面的postback,其它的所以控件都是通过__dopostback函数触发页面的postback,那先来看一下这个函数的定义吧:
复制代码 代码如下:
<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函数后,我们可以很容易的利用它非常方便地自己触发自定义的postback事件。那上面也说了,大部分的控件都是调用这个方法来引了页面的postback,只有两个控件是例外,button 和 imagebutton,正是因为它们不是通过调用__dopostback来回发事件,所以通过表单隐含变量__eventtarget和__eventargument是无法获取得到引发postback的button或imagebutton的id和参数值的,只有通过下面的方式才能得它们的实例,进而判断是哪个控件引发的postback的: c#
复制代码 代码如下:
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取得到事件源控件的话,这点是特别要注意的。
注意: __dopostback('','')前面是两个“_”,不是一个。