ASP.NET服务器控件Render方法的使用浅析

开发 后端
ASP.NET服务器控件Render方法的使用主要是想大家讲述了通过ASP.NET服务器控件中ASP.NET Render方法来呈现自定义控件的内容。

对于ASP.NET服务器控件Render方法的使用或许大家还对为何要重写Render方法存有疑惑,希望大家看看我举的例子,能够明白ASP.NET Render方法和其他两个方法的作用,然后真正明白为何一般情况下只须重写ASP.NET Render方法。

我们知道我们每次编写控件时,都需要重写ASP.NET Render方法,我们发现在Control类中很多方法可以重写,但我们没有去重写他们,我们需要遵循一个原则,在需要重载的时候再去重写他们

我们还是先来看看与ASP.NET Render方法相关的两个方法

  1. //RenderControl方法的基本实现  
  2.  public void RenderControl(HtmlTextWriter writer)  
  3.  {  
  4.  if(Visible)  
  5.  {  
  6.  Render(writer);  
  7.  }  
  8.  }  
  9.  //Render方法基本实现  
  10.  protected virtual void Render(HtmlTextWriter writer)  
  11.  {  
  12.  RenderChildren(writer);  
  13.  }  
  14.  //RenderChildren方式基本实现  
  15.  protected virtual void RenderChildren(HtmlTextWriter writer)  
  16.  {  
  17.  foreach (Control c in Controls)  
  18.  {  
  19.  c.RenderControl(writer);  
  20.  }  
  21.  } 

相信看过"ASP.NET服务器控件开发技术与实例"这本书的人,肯定看过上面的一段代码.

假设你不理解上面的流程(我也不一定理解,希望我的思路对你有帮助),我认为有一种很好的方式来理解上面的流程,跟大家分享一下.

现在抛开上面的代码,我们来建一个简单的页面,随意的拖几个控件到界面上,注意***一个三panel控件,如下图

panel控件 

我们知道,每个控件都有Visible和EnableViewState属性,Visible用来设置控件是否被呈现.

Visible和EnableViewState属性 

现在我们把button控件的Visible属性设置为flase,我们看到了我们预期的效果,接着请启用页面跟踪,这个很重要

Visible属性设置 

在服务器上运行这个页面,大家可以在控件树上看到下面画面

在服务器上运行 

(1)System.Web.UI.LiteralControl

大家可以看到,在我们定义的每个控件之间都有System.Web.UI.LiteralControl.

这里需要说明的是,要理解任何不需要在服务器上处理的任何其他字符串.

如何理解呢?大家打开这个运行页面的源代码页面,如下代码,大家看到没有,除了服务器控件外,我们有其他元素(不需要在服务器上处理的任何其他字符串),包括空格.

示例一

  1. ﹤!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"﹥  
  4.  
  5. ﹤html xmlns="http://www.w3.org/1999/xhtml" ﹥  
  6. ﹤head﹥﹤title﹥  
  7.   鏃犳爣棰橀〉  
  8. ﹤/title﹥﹤/head﹥  
  9. ﹤body﹥  
  10.  ﹤form name="form1" method="post" action="Default1.aspx" id="form1"﹥  
  11. ﹤div﹥  
  12. ﹤input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"   
  13. value="/wEPDwULLTExNTUxMDYxODdkZHVaWm47e5anDettRKviGvS0nDWQ" /﹥  
  14. ﹤/div﹥  
  15.  
  16.  ﹤div﹥  
  17.  ﹤span id="Label1"﹥Label﹤/span﹥﹤br /﹥  
  18.  ﹤br /﹥  
  19.  ﹤input name="TextBox1" type="text" id="TextBox1" /﹥﹤br /﹥  
  20.  ﹤br /﹥  
  21.  ﹤br /﹥  
  22.  ﹤br /﹥  
  23.  ﹤div id="Panel1" style="height:50px;width:125px;"﹥   
  24. ﹤/div﹥  
  25.   ﹤/div﹥  
  26.    
  27. ﹤div﹥  
  28.  
  29.   ﹤input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" 
  30.  
  31.    value="/wEWAgK/5/fTBwLs0bLrBrVw7YrSp5G/l4sJGPkKN/asFj2W" /﹥  
  32. ﹤/div﹥﹤/form﹥  
  33. ﹤/body﹥  
  34. ﹤/html﹥ 

为了让大家更加明白System.Web.UI.LiteralControl的意思的,让我们来修改HTML页面,说明:以上代码为运行后的HTML源代码.而不是我们所说的源代码,大家应该明白我所指的源代码的意思.

我们来修改代码,注意:我把﹤form..以下的标签无空格的写在了一起.看下面修改后的代码

示例二

  1.  ﹤%@ Page Language="C#" AutoEventWireup="true" 
  2. CodeFile="Default2.aspx.cs" Inherits="Default2" Trace="true" %﹥  
  3.  
  4. ﹤!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  5. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"﹥  
  6.  
  7. ﹤html xmlns="http://www.w3.org/1999/xhtml" ﹥  
  8. ﹤head runat="server"﹥  
  9.  ﹤title﹥无标题页﹤/title﹥  
  10. ﹤/head﹥  
  11. ﹤body﹥  
  12.  ﹤form id="form1" runat="server"﹥  
  13.  
  14. ﹤asp:Label ID="Label1" runat="server" Text="Label"﹥  
  15.  
  16. ﹤/asp:Label﹥﹤asp:TextBox ID="TextBox1" runat="server"﹥  
  17.  
  18. ﹤/asp:TextBox﹥  
  19.  
  20. ﹤asp:Button ID="Button1" runat="server" Text="Button" Visible="False" /﹥  
  21.  
  22. ﹤asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px"﹥﹤/asp:Panel﹥  
  23.  
  24. ﹤/form﹥  
  25. ﹤/body﹥  
  26. ﹤/html﹥ 

运行效果

运行效果 

现在发现控件之间已经没有System.Web.UI.LiteralControl了,因为我去掉了空格.这个也说明了一点,如果代码很乱的话会影响速度.现在大家应该明白System.Web.UI.LiteralControl的意思了吧.

(2)大家继续看图四的Button1,大家会发现它呈现的大小字节数为0,因为我们设置了Button1的Visible值为False,所以未呈现此控件.

下面我们来理解这一点,大家重新看到RenderControl方法,如果Visible值为True则呈现此控件.

if(Visible)

 Render(writer);

为了理解这个方法,我们来重写此方法,我们以***次讲的CreditCardForm3控件为例

我们重写RenderControl方法,把ASP.NET Render方法的代码全部拷贝到RenderControl方法中,然后去掉Render方法

然后在ASP.NET页面使用此控件,定义其Visible值为False

定义其Visible值 

运行这个例子以后,你会发现控件还是呈现了,就是因为你重写了RenderControl方法,使控件的Visible值无效了

所以我们就要加上一个判断

if(Visible) {}

否则的话,此方法呈现的内容没有Visible值.为了更加深刻理解这一点,我们重写基类的RenderControl方法的方法.

base.RenderControl(writer);

你会发现在页面呈现时的控件有两个,一个在RenderControl方法方法输出,一个在Render方法输出,因为
base.RenderControl方法调用了Render方法,当设置控件Visible属性为False时,Render方法输出的内容被隐藏(未被呈现,而RenderControl方法输出的内容仍然存在.现在大家应该了解RenderControl方法的作用了吧.

如果ASP.NET服务器控件的 Visible 属性设置为 true,则向页呈现服务器控件的内容,所以一般情况下我们不重写此方法.因为一般控件都需要Visible 属性,除非特殊情况.

Visible 属性设置 

(3)RenderChildren方法

再重新看到图四,大家可以看到,我们拖放的控件是在属于form1的子控件,panel控件是一个容器控件,因为下面没拖放控件,任何其他显示的字符串表现为System.Web.UI.LiteralControl,大家可以拖几个控件到panel里再重新运行看看,会发现拖进去的控件变为panel的子控件.最明显的的测试方法是Wizard控件,拖放一个Wizard控件然后再测试你就会明白了.

RenderChildren方法则判断当前控件是否有子控件,如果有,则根据RenderControl方法判断控件的Visible值来呈现控件.所以大家在重写Render方法时,不重写基类Render方法时,将无法实现RenderChildren方法.带来的后果将是无法呈现子控件.

下面我们来测试一下.我们还是以CreditCardForm3控件为例子(请先把RenderControl方法的内容全注释掉),当未重实现RenderChildren方法时则无法呈现子控件内容,请启动跟踪

将发现其子控件呈现字节为0

子控件呈现字节 

由于CreditCardForm3继承了CreditCardForm2,所以重写基类Render方法将会重复输出,我们可以直接在Render方法中重写RenderChildren方法.再来测试.将会发现有些变化

发现其子控件呈现字节并非为0,而是10

子控件呈现字节 

说明其子控件还是存在东西的,只不过没有用而已,所以大家可以根据实际需求来确实是否要重写RenderChildren方法,一般的话都会重写Render方法,这样保险一点

好了,现在再来回顾下刚开始给出的代码,通过上面的试验,你是否明白了?

呈现自定义控件的步骤(注意:下面三个方法都可以呈现,不过我们已经说过了,像在RenderControl方法用HtmlTextWriter预先输出的话,就丧失Visible的功能(说不定你就不需要这个功能,那时你就可以重写这个方法了)

(1)RenderControl方法

先判断其Visible然后调用Render方法

(2) Render方法

使用HtmlTextWriter将标记字符和文本输出然后调用RenderChildren方法

(3)RenderChildren方法

判断当前控件是否有子控件,然后再调用RenderControl方法根据子控件的Visible值输出子控件.

我们了解上面三个方法后,就会知道,一般情况下,我们无须重写RenderControl方法和RenderChildren方法.所以最合适的就是重写Render方法了.说了一大堆.目的就是为了说明为什么要重写Render方法.

上次,忘了把代码传上了,不小心只上传了dll文件,不好意思.这次就写这么多.希望大家能够真正明白.大家可以适当的修改代码,这样你会发现更多.

如果有什么错误请大家指出,希望多跟大家交流^_^

ASP.NET服务器控件中ASP.NET Render方法的使用就向你介绍到这里,希望你对于用ASP.NET Render方法来呈现自定义控件的内容有所了解。

【编辑推荐】

  1. ASP.NET控件开发之UpdatePanel触发JavaScript脚本技巧
  2. ASP.NET控件开发技巧之关闭基类不必要的功能
  3. ASP.NET控件开发技巧之使用HtmlTextWriter类浅析
  4. ASP.NET控件开发技巧之ComboBox显示浅析
  5. ASP.NET控件开发基础之自定义控件浅析
责任编辑:仲衡 来源: 博客园
相关推荐

2009-08-03 18:00:00

ASP.NET服务器控

2009-08-10 14:25:33

ASP.NET服务器控

2009-08-05 17:11:51

ASP.NET控件开发ASP.NET服务器控

2009-07-28 13:26:34

Render方法ASP.NET

2009-08-06 10:49:45

ASP.NET服务器控

2009-08-07 17:49:44

控件设计器

2009-07-28 09:46:53

ASP.NET服务器控

2009-08-04 13:10:05

ASP.NET服务器控

2009-08-01 10:07:58

ASP.NET服务器控ASP.NET

2009-08-06 11:05:48

ASP.NET服务器控

2009-08-06 11:24:50

ASP.NET服务器控

2009-08-10 14:08:15

ASP.NET服务器控ASP.NET组件设计

2011-07-12 15:17:02

ASP.net服务器控件

2009-08-04 17:18:37

2009-08-04 15:13:38

2009-08-07 17:59:35

控件设计器

2009-08-04 15:20:59

ASP.NET数据验证数据验证控件

2009-07-27 17:25:53

ASP.NET验证控件

2009-07-30 16:52:38

复合控件ASP.NET服务器控

2011-06-08 11:36:16

ASP.NETrender
点赞
收藏

51CTO技术栈公众号