自定义控件的构建(2)
第1篇主要介绍了完全生成控件方式， 本篇对于关键的HtmlTextWriter类，做些简单的介绍
HtmlTextWriter类被设计为生成HTML的，其把HTML写到浏览器上。
详细的可以参考MSDN地址:HtmlTextWriter类
这里主要介绍用的比较多的几个
| AddAttribute() | 给RenderBeginTag()生成的标签添加HTML特性 |
| AddStyleAttribute() | 给RenderBeginTag()生成的标签添加CSS特性 |
| RenderBeginTag() | 生成开始HTML标签 |
| RenderEndTag() | 生成结束HTML标签 |
| Writer() | 呈现字符串于浏览器 |
| WriterBreak() | 呈现<br/>于浏览器 |
在使用这些方法时，尽量的用枚举表示HTML标签和特性
| HtmlTextWriterTag | 包含最常用的Html标签列表 |
| HtmlTextWriterAttribute | 包含最常用的Html特性列表 |
| HtmlTextWriterStyle | 包含最常用的CSS特性列表 |
创建一个自定义控件：
namespace MyControls{/// <summary>/// 使用HtmlTextWriter实现Html表格生成的颜色表/// </summary>public class ColorTable : WebControl{protected override void RenderContents(HtmlTextWriter writer){KnownColor[] colors = (KnownColor [])Enum.GetValues(typeof(KnownColor));writer.AddAttribute(HtmlTextWriterAttribute.Border, "1");writer.RenderBeginTag(HtmlTextWriterTag.Table);foreach (var color in colors){writer.RenderBeginTag(HtmlTextWriterTag.Tr);writer.RenderBeginTag(HtmlTextWriterTag.Td);writer.Write(color);writer.RenderEndTag();writer.AddAttribute(HtmlTextWriterAttribute.Width, "50");writer.AddAttribute(HtmlTextWriterAttribute.Bgcolor, color.ToString());writer.RenderBeginTag(HtmlTextWriterTag.Td);writer.Write("; ");writer.RenderEndTag();writer.RenderEndTag();}writer.RenderEndTag();}}}
代码中AddAttribute()用来添加表格边框，当调用RenderBeginTag()时，该特性添加至开始标签。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestFullRenderControl.aspx.cs" Inherits="_Default" %><%@ Register TagPrefix="fullrender" Namespace="MyControls" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><title></title></head><body><form id="form1" runat="server"><fullrender:ColorTable ID="ColorTable1" runat="server" /></form></body></html>
最后效果：
下面通过调用AddStyleAttribute()展示添加CSS特性
namespace MyControls{/// <summary>/// 使用HtmlTextWriter添加CSS特性/// </summary>public class DropShadow : WebControl{public string Text{get;set;}protected override void RenderContents(HtmlTextWriter writer){writer.AddStyleAttribute(HtmlTextWriterStyle.Filter, "dropShadow(color=#AAAAAA,offX=3,offY=3);width:500px");writer.RenderBeginTag(HtmlTextWriterTag.Div);writer.Write(Text);writer.RenderEndTag();}}}
这里使用了IE的滤镜实现了阴影效果。可以看出AddStyleAttribute()作用与AddAttribute()一致。
看看效果：
本文参考引用了《ASP.NET 3.5揭秘（卷2）》这本书。
