.net控件开发（五）之 深入理解控件的呈现原理

  首言 ：

ASP.NET控件基本上都是继承Framework 已有三个基类，Control,WebControl,CompositeControl下面我就各个基类的呈现方法
      讲述Control,WebControl, CompositeControl各自的呈现过程。
   

第一个：Control呈现过程。

在Control所继承的控件的输出流程：

在正常的控件呈现输出(就是说不是ajax控件里,在ajax会打乱此图)中，它是一个循环调用的过程，看看下面的图就知道了。
 

现在来分析分析其实现过程，在Render方法中调用另外一个名为RenderChildren的受保护成员，

该方法接收服务器控件内容的 HtmlTextWriter对象.

protected   internal   virtual   void  Render(HtmlTextWriter writer)
{
    this.RenderChildren(writer);
}

protected   internal   virtual   void  RenderChildren(HtmlTextWriter writer)
{
/**//*
在这里this.occasionalFields中，它实现了OccasionalFields类，此类是一个sealed类，也就是一个不可继承的类，在其类中有一个Controls的public属性，返回的是一个控件集(ControlCollection)
在此处是用于维护其子控件列表的集合容器。

*/
ICollection children = (this._occasionalFields == null) ? null : ((ICollection) this._occasionalFields.Controls);

    this.RenderChildrenInternal(writer, children);
}

 

在此，我们什么时候给了this._occasionalFields赋值了呢。赋了什么值呢。当加入到控件树上时（使用了findControl查找控件），它会调用一个

  
  
 
   private 
     
   void 
    EnsureNamedControlsTable 
  
方法（这个方法在findControl中调用）去确保所有控件都被正确加载完成。

然后将其填充在一个控件集中

  
  
 
   this 
   .FillNamedControlsTable( 
   this 
   ,  
   this 
   ._occasionalFields.Controls);， 
  
从这里开始注意了，Ajax异步回调与正常输出的控件是从这里开始分岐的。

  
  
 
    1 
    
   internal 
     
   void 
    RenderChildrenInternal(HtmlTextWriter writer, ICollection children)
  
    2 
    
    
   {
  3/**//*
  4this.RareFields如果设置这个参数，意谓着以自定义的方式去改写RenderChildern
  5没有的话，将进行默态的流程对所有的子控件进行处理。
  6
  7*/
  8    if ((this.RareFields != null) && (this.RareFields.RenderMethod != null))
  9{
 10   /**//*调用RenderMethod委托,Asp.net Ajax在使用Control.SetRenderMethodDelegate时,对应的回调函数就是在此时处理的
 11关于ajax的控件程现流程详见: http://www.cnblogs.com/liuxu-wxy/archive/2007/04/25/727346.html
 12
 13 */
 14        writer.BeginRender();
 15        this.RareFields.RenderMethod(writer, this);
 16        writer.EndRender();
 17    }
 18    else if (children != null)
 19{
 20 //如果不设置这个RareFieldsEnsured,会把所有的控件呈现                
 21        //依次调用Control里所有子控件的RenderControl               
 22        foreach (Control control in children)
 23        {
 24            control.RenderControl(writer);//完成子控件的呈现过程
 25        }
 26    }
 27} 
   
  
   28 
    
  
 
接下来就是真正呈现过程的入口方法

 
 

  
  
  
  //
  
  该方法为入口方法
  
  
 
  
  public
  
   
  
  virtual
  
   
  
  void
  
   RenderControl(HtmlTextWriter writer)
 
  
  
  
  {
     this.RenderControl(writer, this.Adapter);
 }
  
  
 
 
 
 
 
    
    下面这段代码， 
    这个是一个过渡代码，其中的 
    this.flags[0x10] 
    没有搞明白是什么一回事，但不要紧。
 它都会去调用 
      
    RenderControlInternal 
    方法 
   

 
 

  
  
  
  
  
  RenderControlInternal代码段
  
  
 
    1protected void RenderControl(HtmlTextWriter writer, ControlAdapter adapter)
  2{
  3    if (!this.flags[0x10] && !this.flags[0x200])
  4    {
  5        HttpContext context = (this.Page == null) ? null : this.Page._context;
  6        if ((context != null) && context.TraceIsEnabled)
  7        {
  8            int bufferedLength = context.Response.GetBufferedLength();
  9            this.RenderControlInternal(writer, adapter);
 10            int num2 = context.Response.GetBufferedLength();
 11            context.Trace.AddControlSize(this.UniqueID, num2 - bufferedLength);
 12        }
 13        else
 14        {
 15            this.RenderControlInternal(writer, adapter);
 16        }
 17    }
 18}
 19
 
 
下面代码。控件是否有相关的呈现适配器，有的话就适配器调用适配器的相关呈现方法

  
  
 
    
   private 
     
   void 
    RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter)
  
    
   {
     if (adapter != null)
 {  
 //调用相关的适配器方法
         adapter.BeginRender(writer);
         adapter.Render(writer);
         adapter.EndRender(writer);
     }
     else
     {
         this.Render(writer);
     }
 } 
   
  
  

     理解就是 :
1. 控件开始呈现
2. 控件是否有相关的呈现适配器，有的话就适配器调用适配器的相关呈现方法
3. 呈现子控件
4. 完成控件呈现

 

第二个：WebControl呈现过程

WebControl:在Control的基础上增加了Style，呈现方面就是在Render(HtmlTextWriter writer) 方法中扩展了三个呈现方法，增加一个属性呈现方法

流程图如下：

伪代码如下：
    

   public   virtual   void  RenderBeginTag(HtmlTextWriter writer)
         {
            this.AddAttributesToRender(writer);
            //呈现Tag开始标记
        }

         protected   override   void  Render(HtmlTextWriter writer)
         {
            //重写了Control的Render方法并增加了三个扩展方法
            this.RenderBeginTag(writer);
            this.RenderContents(writer);
            this.RenderEndTag(writer);
        }
         protected   internal   virtual   void  RenderContents(HtmlTextWriter writer)
         {
            //调用Control的呈现
            base.Render(writer);
        }

         public   virtual   void  RenderEndTag(HtmlTextWriter writer)
         {
            //呈现结束标记
        }

         protected   virtual   void  AddAttributesToRender(HtmlTextWriter writer)
         {
            //呈现Attribute
        }

 

 

第三个：CompositeControl呈现过程

   CompositeControl类是一个抽象类，为自定义控件提供命名容器和控件设计器功能，该自定义控件包含全部子控件或使用其他控件功能。此类由Login 和Wizard 等控件继承

复合控件类必须派生自System.Web.UI.WebControls.CompositeControl类。这一点与ASP.NET 1.x环境下开发复合控件有些不同。在ASP.NET 1.x中，复合控件必须实现System.Web.UI.INamingContainer接口。然而，在ASP.NET 2.0下，复合控件类的基类则发生了变化

public   abstract   class  CompositeControl : WebControl, INamingContainer, ICompositeControlDesignerAccessor

  其余使用以后再讲，今天主要是讲其呈现过程；

CompositeControl 重写了WebControl的Render(HtmlTextWriter writer)，增加了设计时支持以创建子控件  

 protected internal override void Render(HtmlTextWriter writer)
        {
            //如果在设计时，创建子控件，也就是在设计时增加友好体验
            if (DesignMode)
                   this.EnsureChildControls();
            base.Render(writer);
        }

————————————————————————————————————

后述：

.net控件开发系列文章

1.net组件开发系列（—）之武术系列-----------马步功   之基本功
2.net组件开发系列（—）之武术系列--------太极拳 开发ajax控件
3..net组件开发系列之武术系列武术招数控件生命周期与控件事件机制
4..net控件开发系列事件处理机制三个接口两个方法