1 <asp:Menu ID="Menu1" runat="server" OnMenuItemClick="Menu1_MenuItemClick">
2 <Items>
3 <asp:MenuItem Text="WebUserControl1" Value="WebUserControl1.ascx"></asp:MenuItem>
4 <asp:MenuItem Text="WebUserControl2" Value="WebUserControl2.ascx"></asp:MenuItem>
5 <asp:MenuItem Text="WebUserControl3" Value="WebUserControl3.ascx"></asp:MenuItem>
6 </Items>
7 </asp:Menu>
<atlas:UpdatePanel ID="UpdatePanel1" runat="server" Mode="Conditional">
<Triggers>
<atlas:ControlEventTrigger ControlID="Menu1" EventName="MenuItemClick" />
</Triggers>
<ContentTemplate>
<div style="float: left; margin-left: 10px; width: 300px; height: 300px;">
<asp:PlaceHolder ID="PlaceHolder1" runat="server" EnableViewState="false"></asp:PlaceHolder>
</div>
</ContentTemplate>
</atlas:UpdatePanel>
在我的前一篇POST( 无刷新"页面跳转")中有提到Page类中的两个常量(postEventArgumentID="__EVENTARGUMENT")和postEventSourceID="__EVENTTARGET"),通过Request.Form(或Request.Params)可以取到它们的值,它们的值的作用是可以知道是哪个控件引发了当前页面的回发。对于Menu控件,这两个值非常好。对于LinkButton,可以取到 postEventSourceID有内容,是LinkButton的ID。但是对于Button和ImageButton,就都取不到这两个值了。附件中的页面就是这样一个例子。
我分析了一下,它们还是有一定的共同和不同点的。Menu,LinkButton都实现了IPostBackEventHandler ,而Button,ImageButton除了实现这个接口外,还实现了IPostBackDataHandler。由于平常对控件这方面了解比较少,到目前为止还没有真正理解控件机制,即使用Reflector仔细查看了一下Page的反编译代码,关键在ProcessPostData方法,但还是无法找出问题所在。为什么多实现了一个接口,差别咋就这么大呢?IPostBackDataHandler多做了什么事了呢?
另外,想在CreateChildControls方法中得到引发页面回发的Button或ImageButton该怎样做比较合适呢?
在我的随笔《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,那先来看一下这个函数的定义吧:
CODE1:
<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的:
CODE2:
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取得到事件源控件的话,这点是特别要注意的。
protected string ControlType
{
get
{
if (ViewState["ControlType"] != null)
{
return ViewState["ControlType"].ToString();
}
return "";
}
set
{
ViewState["ControlType"] = value;
}
}
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Menu1_MenuItemClick(object sender, MenuEventArgs e)
{
}
protected override void CreateChildControls()
{
base.CreateChildControls();
if (Request.Form["__EVENTTARGET"] != null && Request.Form["__EVENTTARGET"].Equals("Menu1"))
{
ControlType = Request.Form["__EVENTARGUMENT"];
}
if (!string.IsNullOrEmpty(ControlType))
{
ITemplate m_template = Page.LoadTemplate(ControlType);
m_template.InstantiateIn(PlaceHolder1);
//PlaceHolder1.Controls.Add(Page.LoadControl(ControlType)); 这种加载方法也可以
}
}