第一章 .Net 控件开发(WebForm) 开发简单自定义控件(4) Style类以及WebControl类

 1、前面的章节我们的所开发的控件都是继承Control这个基类，但这个基类并不是唯一的，我们还有个重要的基类WebControl，后者继承了前者，后者使用名为Style的Asp.Net类实例为强类型属性提供支持。我们这章主要介绍Style类

2、我们首先对上章TestControl1类的Render方法进行修改，我们在设计时没用的CSS样式，我们先给表格增加个样式高度。由于TestControl1继承TestControl，我们就直接在TestControl类的Render方法进行修改，而不在TestControl1方法进行重写了。

        /// <summary>        /// 将服务器控件内容发送到提供的 System.Web.UI.HtmlTextWriter 对象，此对象编写将在客户端呈现的内容        /// </summary>        /// <param name="writer">接收服务器控件内容的 System.Web.UI.HtmlTextWriter 对象</param>        protected override void Render(HtmlTextWriter writer)        {            writer.AddStyleAttribute(HtmlTextWriterStyle.Height, "50px"); //第2章（4）节增加的一个样式属性            writer.AddAttribute(HtmlTextWriterAttribute.Border, "1");            writer.AddAttribute(HtmlTextWriterAttribute.Cellpadding, "2");            writer.AddAttribute(HtmlTextWriterAttribute.Cellspacing, "3");            writer.RenderBeginTag(HtmlTextWriterTag.Table);            writer.RenderBeginTag(HtmlTextWriterTag.Tr);            writer.RenderBeginTag(HtmlTextWriterTag.Td);            writer.Write(Name);            writer.RenderEndTag();            writer.RenderBeginTag(HtmlTextWriterTag.Td);            writer.AddAttribute(HtmlTextWriterAttribute.Id, "Txt_Name");            writer.AddAttribute(HtmlTextWriterAttribute.Type, "text");            writer.AddAttribute(HtmlTextWriterAttribute.Name, "Txt_Name");            writer.RenderBeginTag(HtmlTextWriterTag.Input);            writer.RenderEndTag();            writer.RenderEndTag();            writer.RenderEndTag();            writer.RenderBeginTag(HtmlTextWriterTag.Tr);            writer.AddAttribute(HtmlTextWriterAttribute.Colspan, "2");            writer.AddAttribute(HtmlTextWriterAttribute.Align, "center");            writer.RenderBeginTag(HtmlTextWriterTag.Td);            writer.AddAttribute(HtmlTextWriterAttribute.Id, "Txt_Show");            writer.AddAttribute(HtmlTextWriterAttribute.Type, "submit");            writer.AddAttribute(HtmlTextWriterAttribute.Value, ShowName);            writer.AddAttribute(HtmlTextWriterAttribute.Name, "Txt_Show");            writer.RenderBeginTag(HtmlTextWriterTag.Input);            writer.RenderEndTag();            writer.RenderEndTag();            writer.RenderEndTag();            writer.RenderEndTag();            base.Render(writer);        }

3、HtmlTextWriter.AddStyleAttribute的方法的第二个参数是个字符串，当然有时候两个参数都可以以字符串的形式。该字符串的值麻烦的是，它不是安全类型很容易出错，比如我们设置表格宽度时，有时候一小心，将样式设置成writer.AddStyleAttribute(HtmlTextWriterStyle.Height, "50p");少了个“x”也都有可能的。但我们不用担心Style类提供了解决的方法，比如BackColor的值就是要Color类型，这样我们就不容易出错了，即使出错VS也会有提示。可是Style并不支持所有的CSS属性，有些属性我们找不到，这时我们就要进行扩展，我们后面的章节会讲到。

4、我们先看下上章控件所生成的HTML源码，我们从图中可以看到包含3个模块，每个模块都有不同的HTML标记，这不是很好的设计方法，因为方法必须被具体地涉及用于实现单一的功能，比如方法完成的人物太多，每次修改已点代码，那么最终将会失败，原因是每件事都很复杂。比如开发人员要在最外层的HTML元素table增加了新的属性，开发人员只能重写Render方法，包括与新属性完全无关的部分，又比如要在最外层元素HTML元素table打开和关闭之间嵌套呢！这可以使用WebContol类了。

5、WebControl采用完全不同的方法，WebControl将呈现3个HTML块的任务委托给独立的方法，而不是像我们前面缩写的都写在Render方法里。WebControl类重写了Render方法，将3个3个HTML块的任务委托给独立的方法。

        protected internal override void Render(HtmlTextWriter writer)        {                         RenderBeginTag(writer);            RenderContents(writer);            RenderEndTag(writer);                }

代码下载地址：点击下载 

本博客内容有些来源于网络或书籍如果侵害到你的权益，请及时联系我([e-mail])
版权归nethch所有,转载请注明出处!