ASP.NET进阶(5):认清控件 之 Button

“做.NET不值钱,没有技术含量,拖拖控件就行了。”———— 这类言语我最讨厌了,一点技术含量都没有,不懂.NET就瞎嚷嚷。不管做什么,做好都不容易,你没做过怎么知道没有技术含量呢? 我们既享受控件带来的快捷,也知其原理,甚至可以自己开发控件,你还能说我们没技术含量?!

控件是什么? 是.NET Framework对Html里的元素的封装。 他把一个<input type="button"/>变成了 Button类,把<span></span>变成了Label类,把<input type="select">变成了DropDownList。这就是控件,就是这些类。

上节我们提到了Page类,Page的生命周期里有些事件是和处理控件类有关的。

PreInit
使用该事件来执行下列操作:
检查 IsPostBack 属性来确定是不是第一次处理该页。
创建或重新创建动态控件。
动态设置主控页。
动态设置 Theme 属性。
读取或设置配置文件属性值。
Render
这不是事件;在处理的这个阶段,Page 对象会在每个控件上调用此方法。所有 ASP.NET Web 服务器控件都有一个用于写出发送给浏览器的控件标记的 Render 方法。
如果创建自定义控件,通常要重写此方法以输出控件的标记。不过,如果自定义控件只合并标准的 ASP.NET Web 服务器控件,不合并自定义标记,则不需要重写 Render 方法。
一个是初始化,一个是显示,其他的还有事件之类的,我们暂且不提。我们可以看出,初始化其实就是实例化desinger.cs里用到的控件。而最终这些控件都需要转换成HTML标签,也就是被Page调用其Render方法。Page自身也是控件所,以Page的Render就是负责生成HTML的。

控件类都在System.Web.UI.WebControls下,我们可以打开MSDN查看一些常用控件的类和其相关的事件方法。如果有用Refletor的话,可以打开System.Web.dll查看更加详细的源码。你会发现有意思的继承关系,理解MS的设计理念,也更方便我们对控件有个更加清晰的认识。

Button类。
当我们在FORM里放置一个Button,该按钮默认为Submit按钮,如果设为UseSubmitBehavior = false,就可以看到客户端会生成该按钮需要的JS代码。
    <div class="aspNetHidden">
    
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
    
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
    
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTcxODU4OTc0MWRk6Htqf5QF2exQx/BOtdDx1djNfbW7y3bPbmRizhypOr4=" />
    
</div>

    
<script type="text/javascript">
    
//<![CDATA[
    var theForm = document.forms['form1'];
    
if (!theForm) {
        theForm 
= document.form1;
    }
    
function __doPostBack(eventTarget, eventArgument) {
        
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value 
= eventTarget;
        theForm.__EVENTARGUMENT.value 
= eventArgument;
        theForm.submit();
        }
    }
    
//]]>
    </script>
    
<input type="submit" name="Button1" value="Button" id="Button1" />
    
<input type="button" name="Button2" value="Button" onclick="javascript:__doPostBack('Button2','')" id="Button2" />

 

__doPostBack就是出发form的提交,而Button2调用的时候传值了自己的名字,然后__EVENTTARGET的值被设为了Button2,这样在提交的时候,Post的数据里就会告诉服务端是Button2触发的!再看Button1却没有调用__doPostBack,因为他是submit类型,在提交的时候浏览器会把他的名字默认提交过去,同时其他的按钮不会被提交。

所以,既然服务端知道了是哪个按钮被点过,自然就会调用该按钮实例的OnClick方法。看看Page类里有一个方法。
if (this.IsPostBack)
{
    
this.RaisePostBackEvent(this._requestValueCollection);
}

private void RaisePostBackEvent(NameValueCollection postData)
{
     
if (this._registeredControlThatRequireRaiseEvent != null)
     {
         
this.RaisePostBackEvent(this._registeredControlThatRequireRaiseEvent, null);
     }
     
else
     {
         
string str = postData["__EVENTTARGET"];
         
bool flag = !string.IsNullOrEmpty(str);
         
if (flag || (this.AutoPostBackControl != null))
         {
     Control control 
= null;
     
if (flag)
     {
         control 
= this.FindControl(str);
     }
     
if ((control != null&& (control.PostBackEventHandler != null))
     {
         
string eventArgument = postData["__EVENTARGUMENT"];
         
this.RaisePostBackEvent(control.PostBackEventHandler, eventArgument);
     }
         }
         
else
         {
     
this.Validate();
         }
     }
}

 

啊哈!明白没有?在IsPostBack(也就是提交)后,调用了触发所有控件事件的方法。postData["__EVENTTARGET"]明显就是我们刚才的点的按钮名称,然后通过FindControl得到该对象,最后调用RaisePostBackEvent方法出发该对象的事件。再往下看具体流程:
[EditorBrowsable(EditorBrowsableState.Advanced)]
protected virtual void RaisePostBackEvent(IPostBackEventHandler sourceControl, string eventArgument)
{
   sourceControl.RaisePostBackEvent(eventArgument);
}

  也就是说,Button类必须实现IPostBackEventHandler接口(因为Page不知道控件到底是什么,所以要使用接口,这就是接口的用处)。

看看具体实现:
    protected virtual void RaisePostBackEvent(string eventArgument)
    {
         
base.ValidateEvent(this.UniqueID, eventArgument);
         
if (this.CausesValidation)
         {
             
this.Page.Validate(this.ValidationGroup);
         }
         
this.OnClick(EventArgs.Empty);
         
this.OnCommand(new CommandEventArgs(this.CommandName, this.CommandArgument));
    }

 

首先是验证,然后是执行OnClick,然后执行OnCommand。呵呵,一个OnClick我们终于走完了~ 感觉如何? 头涨了没?

看下Button类,确实继承IPostBackEventHandler接口。
    [Designer("System.Web.UI.Design.WebControls.ButtonDesigner, System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"), SupportsEventValidation, ToolboxData("<{0}:Button runat=\"server\" Text=\"Button\"></{0}:Button>"), DefaultEvent("Click"), DefaultProperty("Text"), DataBindingHandler("System.Web.UI.Design.TextDataBindingHandler, System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a")]
    
public class Button : WebControl, IButtonControl, IPostBackEventHandler
    {
    ....
        [WebCategory(
"Action"), WebSysDescription("Button_OnClick")]
        
public event EventHandler Click;
        
protected virtual void OnClick(EventArgs e)

        [WebCategory(
"Action"), WebSysDescription("Button_OnCommand")]
        
public event CommandEventHandler Command;
    
        [WebSysDescription(
"Button_Text"), WebCategory("Appearance"), Bindable(true), Localizable(true), DefaultValue("")]
        
public string Text { getset; }
    ....
    }

 

并且看到熟悉的Click,Command,Text,而ID,Width,Height则在他的父类中。

看看OnClick是干嘛的?
    protected virtual void OnClick(EventArgs e)
    {
        EventHandler handler 
= (EventHandler) base.Events[EventClick];
        
if (handler != null)
        {
         handler(
this, e);
        }
    }

 

OnClick的方法是被点击后执行的方法,具体是从Events里找到EventClick类型的委托,其实就是判断Click事件是否被订阅,如果有该类型委托,则表明已经被订阅,便执行该委托实例(也就是我们定义的Click具体方法)。

再来看下是如何订阅的:
    [WebCategory("Action"), WebSysDescription("Button_OnClick")]
    
public event EventHandler Click
    {
        add
        {
         
base.Events.AddHandler(EventClick, value);
        }
        remove
        {
         
base.Events.RemoveHandler(EventClick, value);
        }
    }

 

Click事件具有add和remove两个类似属性的get和set的方法,这当然是C#的特定语法,实际编译后的IL里是两个小方法。
Add是订阅,remove是取消订阅。AddHandler就是把具体的方法和委托类型添加到Events里。
    public void AddHandler(object key, Delegate value)
    {
         ListEntry entry 
= this.Find(key);
         
if (entry != null)
         {
             entry.handler 
= Delegate.Combine(entry.handler, value);
         }
         
else
         {
             
this.head = new ListEntry(key, value, this.head);
         }
    }

 

一气呵成,我们知道了Click的具体调用实现,且明白的事件的订阅。后面再说控件的其他属性,休息休息。后面会介绍Render和DataBind :) 
posted @ 2010-10-15 11:46  君之蘭  阅读(5118)  评论(21编辑  收藏  举报