2、 我们先看下TestControl2的RenderContent方法中的部分代码，我们把这些代码生成的Html内容委托给Asp.Net标准服务器控件Lable，TextBox和Button，那将会节约很多的时间和精力；TestControl4继承自TestControl3继承自TestControl2实现了IPostBackEventHandler和IPostBackDataHandler接口，以便才能回传，我们用Asp.Net服务器控件避免了实现这两个接口，因为它们已经实现了。
writer.Write(NameLable); writer.AddAttribute(HtmlTextWriterAttribute.Id, NameId); writer.AddAttribute(HtmlTextWriterAttribute.Type, "text"); writer.AddAttribute(HtmlTextWriterAttribute.Name, NameName); writer.RenderBeginTag(HtmlTextWriterTag.Input); writer.RenderEndTag(); writer.AddAttribute(HtmlTextWriterAttribute.Id, ShowNameId); writer.AddAttribute(HtmlTextWriterAttribute.Type, "submit"); writer.AddAttribute(HtmlTextWriterAttribute.Value, ShowNameLable); writer.AddAttribute(HtmlTextWriterAttribute.Name, ShowNameName); writer.RenderBeginTag(HtmlTextWriterTag.Input); writer.RenderEndTag();
3、 正如上面所说的用现有的Asp.Net服务器控件来创建自定义控件要比从头开始创建容易的多，我们定义一个新的控件叫ComTestControl，复合控件讲很多任务委托给自控件，通过以下步骤即可实现。 （1） 继承CompositeControl； （2） 选定自控件； （3） 选定布局； （4） 实现自定义容器控件； （5） 创建容器控件； （6） 创建容器控件的子控件； （7） 为容器控件应用样式； （8） 讲容器控件添加给ComTestControl控件； （9） 呈现容器控件； （10） 重写CreateChildControl方法； （11） 如有必要，重写TagKey属性； （12） 如有必要，重写CrateControlStyle方法； （13） 公开ControlStyle属性； （14） 重写RenderContent方法； （15） 公开子控件属性； （16） 公开子控件事件。
4、 第一步，继承CompositeControl。这个类为每个符合控件提供了必须支持的基本特性，必须继承，这样才可以避免重新实现那些本可轻松从基类继承的特性。
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Web.UI.WebControls; namespace WebFormControl { public class ComTestControl:CompositeControl { } }
5、 第二步，选定子控件。我们主要用到3个服务器控件作为子控件，并命名Lbl_Name(Lable控件)、Txt_Name(TextBox控件)、Btn_Show(Button控件)。
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Web.UI.WebControls; namespace WebFormControl { public class ComTestControl:CompositeControl { Label Lbl_Name; TextBox Txt_Name; Button Btn_Show; } }
6、 第三步，选定布局。CompositeControl为其子控件选用一个表格布局，每个单元格内包含一个子控件，为了便于说明用单元格数字标识。
Lbl_Name-子控件-单元格1
Txt_Name-子控件-单元格2
Btn_Show-子控件-单元格3
7、 第四步，实现自定义容器控件。由于CompositeControl使用了表格为子控件布局，所以子控件最合适的容器就是TableCell控件，然而TableCell控件无法满足我们的需要：第一，控件没有实现INamingContainer接口，这个接口是个标记接口，无任何属性和方法；第二，控件没有唯一定位或者识别单元格集合中每个单元格的属性。了解正在处理的单元格非常重要，因为每个单元格包含不同的子控件。因此，我们定义继承TableCell和实现INamingContainer接口的容器控件叫ComContianer，并公开个Container属性，该属性值可以唯一定位或者识别单元格集合中的每个单元格，枚举值对应第三步中的单元格编号。
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Web.UI.WebControls; using System.Web.UI; namespace WebFormControl { public class ComContainer : TableCell, INamingContainer { private ContainerType containertype; public ContainerType ContainerType { get { return containertype; } } public ComContainer(ContainerType containertype) { this.containertype = containertype; } } } using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace WebFormControl { public enum ContainerType { UserLable=1, UserTextBox=2, ShowButton=3 } }
8、 第五步，创建容器控件。在ComTestControl类里面封装了CreateContaint方法。
protected virtual ComContainer CreateContainer(ContainerType containertype) { return new ComContainer(containertype); }
9、 第六步，创建容器控件的子控件。在子控件添加到Controls集合之前，需要初始化子控件。因为如果在添加到Controls后在初始化，那么这些初始的属性值讲存储在视图状态中。这样会不必要地增加自定义控件视图状态大小。
protected virtual void CreateContainerChildControl(ComContainer container) { switch (container.ContainerType) { case ContainerType.UserLable: Lbl_Name = new Label(); Lbl_Name.Width = Unit.Percentage(100); Lbl_Name.ID = "Lbl_Name"; Lbl_Name.Text = "姓?名?"; container.Controls.Add(Lbl_Name); break; case ContainerType.UserTextBox: Txt_Name = new TextBox(); Txt_Name.ID = "Txt_Name"; container.Controls.Add(Txt_Name); break; case ContainerType.ShowButton: Btn_Show = new Button(); Btn_Show.ID = "Btn_Show"; container.Controls.Add(Btn_Show); break; } }
10、 看下下图就很好理解创建容器和创建容器子控件了，这章设计到的方法太多了。
代码下载地址：点击下载
本博客内容有些来源于网络或书籍如果侵害到你的权益，请及时联系我([email protected]) 版权归nethch所有转载请注明出处!
最新评论