asp.net控件设计时支持(4)

2.设置区域

区域包括两种

(1).点击的区域,即step1和step2　(DesignerRegion类)

(2).编辑的区域,即那个小边框 (EditableDesignerRegion类)

此部分操作在GetDesignTimeHtml方法中完成

3.模板数据操作

包括两部分操作

(1)选择一个区域后,编辑区域显示要获取的数据

(2)当编辑完区域里数据后,更新数据

4.寻找事件触发对象

万事具备,刚才的第一步中,Step1和Step2也是呈现也页面上的,此做为事件触发者,所以我们还需要对其做一下标记.

好了,重要部门都已经说清楚了.下面来看例子

先看效果吧,方便理解.这里大多的例子直接来自MSDN

当点击View1和View2时,在蓝色区域会呈现不同模板的内容,还记得上篇模板控件的设计时支持吗?这里又有新方法了,而且更加简单.

下面为自定义控件代码,你只需要知道以下两点

1.提供了两个模板属性

2.Table提供了三个区域

　 public class MyMultiRegionControl : CompositeControl
　　{
　　　　private ITemplate _view1;
　　　　private ITemplate _view2;
　　　　[PersistenceMode(PersistenceMode.InnerProperty), DefaultValue(null)]
　　　　public virtual ITemplate View1
　　　　{
　　　　　　get { return _view1; }
　　　　　　set { _view1 = value; }
　　　　}
　　　　[PersistenceMode(PersistenceMode.InnerProperty), DefaultValue(null)]
　　　　public virtual ITemplate View2
　　　　{
　　　　　　get { return _view2; }
　　　　　　set { _view2 = value; }
　　　　}
　　　　private int _currentView = 0;
　　　　public int CurrentView
　　　　{
　　　　　　get { return _currentView; }
　　　　　　set { _currentView = value; }
　　　　}
　　　　protected override void CreateChildControls()
　　　　{
　　　　　　Controls.Clear();
　　　　　　Table t = new Table();
　　　　　　t.CellSpacing = 1;
　　　　　　t.BorderStyle = BorderStyle;
　　　　　　t.Width = this.Width;
　　　　　　t.Height = this.Height;
　　　　　　TableRow tr = new TableRow();
　　　　　　tr.HorizontalAlign = HorizontalAlign.Center;
　　　　　　tr.BackColor = Color.LightBlue;
　　　　　　TableCell tc = new TableCell();
　　　　　　tc.Text = "View1";
　　　　　　tc.Width = new Unit("50%");
　　　　　　tr.Cells.Add(tc);
　　　　　　tc = new TableCell();
　　　　　　tc.Text = "View 2";
　　　　　　tc.Width = new Unit("50%");
　　　　　　tr.Cells.Add(tc);
　　　　　　t.Rows.Add(tr);
　　　　　　tr = new TableRow();
　　　　　　tr.HorizontalAlign = HorizontalAlign.Center;
　　　　　　tc = new TableCell();
　　　　　　tc.ColumnSpan = 2;