先来个简单的Control
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.Web.UI;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.Web.UI.Design;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.Web.UI.WebControls;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.Drawing;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.Drawing.Design ;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.ComponentModel;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
namespace Flying.Pig.WebControl
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
[
Designer("Flying.Pig.WebControl.SimpleControlDesigner"),
]
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
public class SimpleControl: Control
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
protected override void Render(HtmlTextWriter writer)
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
base.Render (writer); // 进程
监视时设置断点
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
public class SimpleControlDesigner : ControlDesigner
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
public override string GetDesignTimeHtml()
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
return base.GetDesignTimeHtml (); // 进程
监视时设置断点
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713732.gif)
}
显然,这个Control什么都做不了。写它的目的是为了追踪System.Web.UI.Design.ControlDesigner.GetDesignTimeHtml()究竟做了什么事。
编译->放到工具箱->启动另一个IDE->创建一个Web应用程序->回到控件编辑的IDE->启动进程监视->设置断点(断点位置见代码)->回到Web应用程序IDE->把SimpleControl扔到Webform1里
然后你发现了什么?对,没错,DesignTimeHtml的Get流程:
首先,IDE检查SimpleControlDesigner的GetDesignTimeHtml(),
然后根据SimpleControlDesigner.GetDesignTimeHtml()指示,调用base.GetDesignTimeHtml(),也就是System.Web.UI.Design.ControlDesigner的GetDesignTimeHtml()
那么ControlDesigner的GetDesignTimeHtml()做了什么呢?原来它和运行时刻一样(其实还是有一些区别的,我以后再详细解释),搞了一个HtmlTextWriter,请求SimpleControl.Render()生成Html,以便在IDE里显示。
至此,我们可以发现,除了自己一行行的拼凑外,也可以让控件本身的Render()来生成DesignTimeHtml。
抛弃GetDesignTimeHtml()
现在来做个不需要实现GetDesignTimeHtml()方法,或者连ControlDesigner都不用,却能提供丰富灵活的DesignTime呈现的WebControl
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.Web.UI;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.Web.UI.Design;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.Web.UI.WebControls;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.Drawing;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.Drawing.Design ;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.ComponentModel;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
namespace Flying.Pig.WebControls
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
public class SimpleControl: WebControl
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
private Label label;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
public SimpleControl()
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
Text = "SimpleControl";
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
public string Text
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
get
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
EnsureChildControls();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
return label.Text;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
set
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
EnsureChildControls();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
label.Text = value;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
protected override void CreateChildControls()
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
Controls.Clear();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
label = new Label();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
Controls.Add(label);
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
base.CreateChildControls ();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713732.gif)
}
下面是SimpleControl的设计时及运行时的效果,
设计时:
图中SimpleControl的属性设置为
<cc1:SimpleControl
id="SimpleControl2"
runat="server"
style="Z-INDEX: 101; LEFT: 32px; POSITION: absolute; TOP: 32px"
Text="我的SimpleControl"
Font-Size="10.5pt"
Width="120px"
Height="128px"
BackColor="Linen"
BorderWidth="1px"
Font-Bold="True"
>
</cc1:SimpleControl>
运行效果:
子控件的样式处理
再来个稍复杂点的控件 CaptionText。
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.Web.UI;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.Web.UI.Design;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.Web.UI.WebControls;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.Drawing;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.Drawing.Design ;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
using System.ComponentModel;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
namespace Flying.Pig.WebControls
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
public class CaptionTextBox: WebControl
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
private Label label;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
private TextBox textBox;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
private Table table;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
public CaptionTextBox()
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
Caption = "Caption";
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
Text = "Text";
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
public string Caption
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
get
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
EnsureChildControls();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
return label.Text;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
set
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
EnsureChildControls();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
label.Text = value;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
public string Text
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
get
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
EnsureChildControls();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
return textBox.Text;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
set
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
EnsureChildControls();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
textBox.Text = value;
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713417.gif)
/** <summary>
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
/// Render前的预处理。
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
/// 在这个控件的预处理是把控件样式应用到子控件。
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
/// </summary>
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
private void DoPreRender()
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
EnsureChildControls();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
// 重置子控件样式
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
table.ControlStyle.Reset();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
textBox.ControlStyle.Reset();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
label.ControlStyle.Reset();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
table.ApplyStyle(ControlStyle);
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
// 对于label和text只应用控件的字体样式
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
textBox.Font.MergeWith(ControlStyle.Font);
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
label.Font.MergeWith(ControlStyle.Font);
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
protected override void CreateChildControls()
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
Controls.Clear();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
label = new Label();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
textBox = new TextBox();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
table = new Table();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
TableRow row = new TableRow();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
row.Cells.Add(new TableCell());
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
row.Cells.Add(new TableCell());
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
row.Cells[0].Controls.Add(label);
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
row.Cells[1].Controls.Add(textBox);
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
table.Rows.Add(row);
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
Controls.Add(table);
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
base.CreateChildControls ();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
protected override void OnPreRender(EventArgs e)
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
DoPreRender();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
base.OnPreRender (e);
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
protected override void Render(HtmlTextWriter writer)
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
if (Page != null && Page.Site != null && Page.Site.DesignMode)
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712817.gif)
{
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
// 由于DesignMode下的Render过程不调用OnPreRender,所以需对诸如样式之类的属性进行处理。
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
DoPreRender();
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712489.gif)
base.Render (writer);
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713907.gif)
}
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713732.gif)
}
设计时效果:
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718713297.JPG)
图中控件的属性为
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
<cc1:CaptionTextBox
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
id="CaptionTextBox1"
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
style="Z-INDEX: 102; LEFT: 16px; POSITION: absolute; TOP: 16px"
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
runat="server"
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
Width="320px"
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
Caption="姓名:"
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
Text="朱爱飞"
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
Font-Size="10.5pt"
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
BackColor="PeachPuff"
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
Height="72px">
![](http://www.hackervip.com/Article/UploadFiles/200802/200821718712263.gif)
</cc1:CaptionTextBox>
运行时效果
CaptionText 演示在设计模式下,对嵌套子控件的样式处理,详情参见代码中的Render及DoPreRender方法。