自定義控件
ASP.NET 允許用戶創建控件。這些用戶定義的控件被分類為:
- 用戶控件
- 自定義控件
用戶控件
用戶控件行為像微型 ASP.NET 頁面或者網頁表單,它能被許多其他頁面使用。這些都是源自 System.Web.UI.UserControl 類。這些控件有下列特性:
- 它們有 .ascx 擴展。
- 它們可能不會含有任何 , 或者 標簽。
- 它們有一個 Control 指令而不是一個 Page 指令。
為了理解這個概念,讓我們創建一個簡單的用戶控件,它將作為 web 頁面的頁腳使用。為了創建和使用用戶控件,采取以下步驟:
- 創建一個新的 web 應用程序。
- 在 Solution Explorer 上右擊項目文件夾并且選擇 ADD New Item。
為給你的 web 網頁添加用戶控件,你必須添加 Register 指令和一個頁面用戶控件的實例。以下的代碼展示了說明:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="customcontroldemo._Default" %> <%@ Register Src="~/footer.ascx" TagName="footer" TagPrefix="Tfooter" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.ythuaji.com.cn/uploads/allimg/20d1e0dzip0" > <head runat="server"> <title> Untitled Page </title> </head> <body> <form id="form1" runat="server"> <div> <asp:Label ID="Label1" runat="server" Text="Welcome to ASP.Net Tutorials "></asp:Label> <br /> <br /> <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Copyright Info" /> </div> <Tfooter:footer ID="footer1" runat="server" /> </form> </body> </html>當執行后,頁面顯示了頁腳而且這個控件能在所有你的網站的頁面中被使用。
(2)下列的標簽名稱和前綴應該在頁面上添加用戶控件時被使用:
自定義控件
自定義控件被部署為單獨的集合。它們被編譯成動態鏈接庫(DLL)并且作為任何其他的 ASP.NET 服務控件來使用。它們能被以下方法中的任何一個來創建:
- 通過從一個存在的控件中獲得一個自定義控件。
- 通過聯合兩個或者更多的存在的控件來組成一個新的自定義控件。
- 通過從基本的控件類中獲得。
為了理解這個概念,讓我們創建一個自定義類,它將簡單地在瀏覽器上呈現一條短信。為了創建控件,采取以下步驟:
創建一個新的網站。在 Solution Explorer 中樹的頂端右擊 solution(不是項目)。
而且,你可以使用控件,和任何其他控件類似。
當執行后,控件的 Text 屬性被展示在瀏覽器上,如下所示:
上述的代碼自動生成給一個自定義控件。事件和方法能被添加到 custom control 類中。
例子
讓我們擴展之前的名為 ServerControl1 的自定義控件。讓我們給予它一個名為 checkpalindrome 的方法,它將給它權限來檢查 palindrome。
Palindrome 是當顛倒時仍拼寫相同的文字/字面值。例如,Malayalam,madam,saras 等。
擴展自定義控件的代碼,它應該看起來如下所示:
using System; using System.Collections.Generic; using System.ComponentModel; using System.Linq; using System.Text; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace CustomControls { [DefaultProperty("Text")] [ToolboxData("<{0}:ServerControl1 runat=server></{0}:ServerControl1 >")] public class ServerControl1 : WebControl { [Bindable(true)] [Category("Appearance")] [DefaultValue("")] [Localizable(true)] public string Text { get { String s = (String)ViewState["Text"]; return ((s == null) ? "[" + this.ID + "]" : s); } set { ViewState["Text"] = value; } } protected override void RenderContents(HtmlTextWriter output) { if (this.checkpanlindrome()) { output.Write("This is a palindrome: <br />"); output.Write("<FONT size=5 color=Blue>"); output.Write("<B>"); output.Write(Text); output.Write("</B>"); output.Write("</FONT>"); } else { output.Write("This is not a palindrome: <br />"); output.Write("<FONT size=5 color=red>"); output.Write("<B>"); output.Write(Text); output.Write("</B>"); output.Write("</FONT>"); } } protected bool checkpanlindrome() { if (this.Text != null) { String str = this.Text; String strtoupper = Text.ToUpper(); char[] rev = strtoupper.ToCharArray(); Array.Reverse(rev); String strrev = new String(rev); if (strtoupper == strrev) { return true; } else { return false; } } else { return false; } } } }當你改變空間的代碼時,你必須通過點擊 Build –> Build Solution 來構建方法,這樣改變才能反映在你的項目中。給頁面添加一個 text box 和一個 button 控件,這樣用戶才能提供一段 text。當 button 被點擊時,它就被用來檢查 palindrome。
<form id="form1" runat="server"> <div> Enter a word: <br /> <asp:TextBox ID="TextBox1" runat="server" style=""> </asp:TextBox> <br /> <br /> <asp:Button ID="Button1" runat="server onclick="Button1_Click" Text="Check Palindrome" style="" /> <br /> <br /> <ccs:ServerControl1 ID="ServerControl11" runat="server" Text = "" /> </div> </form>button 的 Click 事件句柄簡單地將 text box 中的 text 復制到自定義控件的 text 屬性中。
protected void Button1_Click(object sender, EventArgs e) { this.ServerControl11.Text = this.TextBox1.Text; }當被執行后,控件成功地檢測到了 palindromes。
(2)custom control 類的 RenderContents 方法被覆寫了,你可以添加你自己的方法和事件。
(3)RenderContents 方法采用了 HtmlTextWriter 型的參數,它將對在瀏覽器上展示負責。