ASP.NET自定义控件开发系列（三）

突然发现不知道该写点什么了，记得当初做模版控件的时候遇到一个问题，这一篇文章就介绍一下模版控件的开发吧。
我想分两块来讲：一、给现有的标准数据控件（如：Repeater ）创建动态模版，二、创建可以使用模版的控件。

一、给现有的标准数据控件（如：Repeater ）创建模版

1、首先创建一个模版类：在这个模版中，我们要显示人员的姓名；并且人员的姓名是一个LinkButton,可以点击。

1. /// <summary>
2.     /// Repeater模版
3.     /// </summary>
4.     internal class PersonTemplate : Control, ITemplate
5.     {
6.         string _Code;
7.         string _Name;
9.         public PersonTemplate(string Code, string Name)
10.         {
11.             _Code = Code;
12.             _Name = Name;
13.         }
15.         void ITemplate.InstantiateIn(Control container)
16.         {
18.             LinkButton linkButton1 = new LinkButton();
19.             linkButton1.ID = "lkbutton";
20.             linkButton1.CommandName = "SelectPerson";
21.             linkButton1.CausesValidation = false;
22.             linkButton1.DataBinding += new EventHandler(this.LinkButtonBindData);
23.             container.Controls.Add(new LiteralControl("<br/>"));
24.             container.Controls.Add(linkButton1);
25.         }
26.         void LinkButtonBindData(object sender, System.EventArgs e)
27.         {
28.             LinkButton lButton1 = sender as LinkButton;
29.             lButton1.CommandArgument = DataBinder.Eval(lButton1.NamingContainer, "DataItem." + _Code).ToString();
30.             lButton1.Text = DataBinder.Eval(lButton1.NamingContainer, "DataItem." + _Name).ToString();
31.         }
32.     }

2、然后创建一个Panel,用于存放模版

1. internal class BasicPanel : Panel, INamingContainer
2.     {
3.         public BasicPanel()
4.         {
5.         }
6.     }

3、控件部分：

1. [DefaultProperty("Text")]
2.     [ToolboxData("<{0}:MyRepeater runat=server></{0}:MyRepeater>")]
3.     [Designer(typeof(VeryCodes.Controls.Web.WebControlsDesigner))]
4.     public class MyRepeater : CompositeControl
5.     {
6.         [Bindable(true)]
7.         [Category("Appearance")]
8.         [DefaultValue("")]
9.         [Localizable(true)]
10.         public string Text
11.         {
12.             get
13.             {
14.                 String s = (String)ViewState["Text"];
15.                 return ((s == null) ? String.Empty : s);
16.             }
18.             set
19.             {
20.                 ViewState["Text"] = value;
21.             }
22.         }
24.         private BasicPanel panel1;//搜索结果列表Panel
25.         private Repeater rp;//搜索结果列表
26.         private Label lb1;//选中项
29.         /// <summary>
30.         /// 绑定数据源
31.         /// </summary>
32.         [Bindable(true)]
33.         [Browsable(false)]
34.         public DataTable DataSource
35.         {
36.             get
37.             {
38.                 if (ViewState[this.ClientID + "DataSource"] != null)
39.                 {
40.                     return (DataTable)ViewState[this.ClientID + "DataSource"];
41.                 }
42.                 else
43.                 {
44.                     return null;
45.                 }
46.             }
48.             set
49.             {
50.                 ViewState[this.ClientID + "DataSource"] = value;
51.             }
52.         }
54.         /// <summary>
55.         /// 重写Controls属性
56.         /// </summary>
57.         public override ControlCollection Controls
58.         {
59.             get
60.             {
61.                 EnsureChildControls();
62.                 return base.Controls;
63.             }
64.         }
66.         /// <summary>
67.         /// 重写Render方法
68.         /// </summary>
69.         /// <param name="writer"></param>
70.         protected override void Render(HtmlTextWriter output)
71.         {
72.             this.lb1.RenderControl(output);
73.             this.panel1.RenderControl(output);
74.         }
76.         /// <summary>
77.         /// 重写OnPreRender方法
78.         /// </summary>
79.         /// <param name="e"></param>
80.         protected override void OnPreRender(EventArgs e)
81.         {
82.             rp.DataSource = DataSource;
83.             rp.DataBind();
84.         }
86.         /// <summary>
87.         /// 重写创建子控件
88.         /// </summary>
89.         protected override void CreateChildControls()
90.         {
91.             Controls.Clear();
92.             CreateComponent();
93.             SetComponentEvent();
94.         }
96.         /// <summary>
97.         /// 添加子控件，并设置各个子控件的属性
98.         /// </summary>
99.         private void CreateComponent()
100.         {
101.             lb1 = new Label();
102.             panel1 = new BasicPanel();
103.             rp = new Repeater();
105.             lb1.ID = "lb1";
106.             Controls.Add(lb1);
108.             panel1.ID = "Panel1";
110.             BasicPanel progressPanel = new BasicPanel();
111.             if (rp.ItemTemplate == null)
112.             {
113.                 rp.ItemTemplate = new PersonTemplate("Code", "Name");
114.             }
115.             rp.ItemTemplate.InstantiateIn(progressPanel);
117.             rp.ID = "Repeater1";
118.             panel1.Controls.Add(rp);
119.             panel1.Controls.Add(progressPanel);
121.             Controls.Add(panel1);
122.         }
124.         /// <summary>
125.         /// 添加控件按钮触发事件
126.         /// </summary>
127.         private void SetComponentEvent()
128.         {
129.             this.rp.ItemCommand += new System.Web.UI.WebControls.RepeaterCommandEventHandler(this.lkbSelect_Click);
130.         }
132.         /// <summary>
133.         /// 单击模版内的按钮触发事件
134.         /// </summary>
135.         /// <param name="sender"></param>
136.         /// <param name="e"></param>
137.         protected void lkbSelect_Click(object sender, RepeaterCommandEventArgs e)
138.         {
139.             if (e.Item.ItemIndex >= 0)
140.             {
141.                 if (e.CommandName == "SelectPerson")
142.                 {
143.                     LinkButton lnkButton = e.Item.FindControl("lkbutton") as LinkButton;
145.                     lb1.Text = "选择项是：" + lnkButton.Text;
146.                 }
147.             }
148.         }

MyRepeater这个控件就到此为止了，需要在包含控件的页面中绑定一个数据源给它，例如

1. protected void Page_Load(object sender, EventArgs e)
2.     {
3.         if (!IsPostBack)
4.         {
5.             DataTable dt = new DataTable();
7.             dt.Columns.Add("Code");
8.             dt.Columns.Add("Name");
10.             DataRow dr = dt.NewRow();
12.             dr[0] = "001";
13.             dr[1] = "张三";
15.             dt.Rows.Add(dr);
17.             DataRow dr1 = dt.NewRow();
19.             dr1[0] = "002";
20.             dr1[1] = "李四";
22.             dt.Rows.Add(dr1);
24.             DataRow dr2 = dt.NewRow();
26.             dr2[0] = "003";
27.             dr2[1] = "王五";
29.             dt.Rows.Add(dr2);
31.             MyRepeater1.DataSource = dt;
33.         }
34.     }

二、创建可以使用模版的控件
我发现要想做好一件事，真的很难。最近因疲于工作，很少有时间研究技术，很长时间写不了多少。
我想这一部分就介绍一个最简单的模版控件了，我实在太懒了，只是贴点代码。

1. using System;
2. using System.Collections.Generic;
3. using System.ComponentModel;
4. using System.Text;
5. using System.Web;
6. using System.Web.UI;
7. using System.Web.UI.WebControls;
9. namespace VeryCodes.Controls.Web
10. {
11.     [DefaultProperty("Text")]
12.     [ToolboxData("<{0}:TemplateTest runat=server></{0}:TemplateTest>")]
13.     public class TemplateTest : WebControl, INamingContainer//必须实现接口INamingContainer
14.     {
15.         private ITemplate _itemTemplate;
17.         //属性
18.       [Browsable(false)]
19.         [TemplateContainer(typeof(TemplateTest))]
20.         [PersistenceMode(PersistenceMode.InnerProperty)]
21.         public ITemplate ItemTemplate
22.         {
23.             get { return _itemTemplate; }
24.             set { _itemTemplate = value; }
25.         }
27.         protected override void CreateChildControls()
28.         {
29.             _itemTemplate.InstantiateIn(this);//创建模版控件
30.         }
31.     }
32. }

有空再看看吧

 

http://blog.bossma.cn/archives/2008/05/110

转载于:https://blog.51cto.com/liweibird/211630