asp.net控制項開發(一) -- 顯示控制項內容
最後更新:2017-01-13
來源:互聯網
上載者:User
asp.net控制項的顯示自然會離不開輸出HTML、CSS、Javascript等前台的顯示內容,所以開發一個控制項的時候第一件事就是要知道如何輸出用戶端要顯示的內容。
一、選擇基類
asp.net中所有的標準控制項都可以拿過來作為基類,如果我們要開發的控制項只是對原有的標準控制項做一些功能上的加強的話(如:你對TreeView的CheckBox添加一些隨動的功能),就可以直接拿標準控制項過來作為基類。
一般的如果開發的控制項從標準裡面找不到合適的,可以從三個類中來繼承:
System.Web.UI.Control
System.Web.UI.WebControls.WebControl
System.Web.UI.WebControls.CompositeControl
下面介紹下這三個類的關係跟區別:
Control:只提供簡單的呈現,沒有對css的支援。如:Literal控制項
WebControl:建立了對控制面板的支援。適合可視化的控制項來繼承 ,如:Button
CompositeControl:是派生多個控制項複合的。適合開發應用asp.net中的標準控制項。
三者的關係:Control是asp.net所有控制項的基類 ,WebControl是從Control中繼承而來,CompositeControl是從WebControl中繼承而來。
二、如何呈現
Control的呈現
Control類中的呈現是通過方法Render來實現的。Render的原型:
protected internal virtual void Render(HtmlTextWriter writer){...}
HtmlTextWriter writer 參數是在運行時有調用Render方法的架構所提供,所以我們可以同過重寫Render方法來實現內容的呈現。
HelloWorld樣本:
public class HelloWorld : Control{
protected override void Render(HtmlTextWriter writer)
{
writer.WriteLine("Henllo World");
}
}
編譯之後,在新的項目中添加對dll檔案的使用,會呈現出"Hello World"。
Control輸出html內容
在Render方法中我們要實現輸出html標籤跟樣式可以藉助於:HtmlTextWriterTag、 HtmlTextWriterAttribute、HtmlTextWriterStyle這三個枚舉來實現。HtmlTextWriterTag是表示 Html標籤,HtmlTextWriterAttribute是表示標籤上的屬性,HtmlTextWriterStyle是表示樣式。
Picture樣本:
public class PicShow : Control
{
protected override void Render(HtmlTextWriter writer)
{
writer.AddStyleAttribute(HtmlTextWriterStyle.TextAlign, "center"<