1、第7章創建用戶定制控件第7章創建用戶定制控件7.1 用戶控件 7.2 自定義控件 7.1 用戶控件 7.1.1 用戶控件基本知識用戶控件基本知識n用戶控件就是把HTML標記和 Web 服務器控件封裝在一起，從而可以重復使用的一個單元。 n與ASP.NET頁面不同之處：指令不同：用戶控件包含Control指令，而ASP.NET頁面包含Page指令。擴展名不同：用戶控件的文件擴展名為.ascx，而ASP.NET頁面文件的擴展名為.aspx。7.1.1 用戶控件基本知識頁面構成不同：用戶控件中不能包含html、body或form元素，而ASP.NET頁面必須包含這些元素。基類不同：用戶控件的基類為S

2、ystem.Web.UI.UserControl，而ASP.NET Web頁面的基類為System.Web.UI.Page。作用不同：用戶控件通常作為ASP.NET Web頁面的一部分而存在，不能單獨存在。7.1.2 創建用戶控件 n創建用戶控件的步驟： 創建一個網站。 在“網站”菜單中選擇“添加新項”菜單項。在彈出的“添加新項”對話框中，選擇“Web 用戶控件”模板。鍵入項目名稱，選擇C#語言。單擊“添加”按鈕。 設計器中，向用戶控件添加HTML標記和服務器控件 利用屬性窗口設置用戶控件的屬性和添加事件。n例例7-1 接收日期的文本框 7.1.3 使用用戶控件 n使用用戶控件的步驟： 在Vi

3、sual Studio.NET集成開發環境中，打開要添加用戶控件的網頁。 切換到“設計”視圖。 在“解決方案資源管理器”中選擇用戶控件文件，并將其拖曳到頁面上，完成將用戶控件添加到頁面上的任務。n例例7-2 使用例7-1創建的用戶控件 7.1.3 使用用戶控件nRegister指令：用于在頁面中注冊用戶控件，注冊后，才能在頁面中使用用戶控件。nRegister指令的屬性：NameSpace：用戶控件的命名空間。TagPrefix屬性：為用戶控件的命名空間起一個別名，作為用戶控件的前綴。TagName屬性：為用戶控件類起一個別名，作為用戶控件名。Src屬性：指定包含用戶控件的文件的位置。 7.1

4、.4 為用戶控件添加屬性 n用戶控件是UserControl類的派生類，因此可以使用get和set訪問器為類添加屬性。n例例7-3 設置日期值 7.1.5 為用戶控件添加事件 n為用戶控件添加事件，與為頁面和內置Web服務器控件添加事件完全一樣。n例例7-4 顏色選擇器 7.2 自定義控件 7.2.1自定義控件基本知識自定義控件基本知識 nControl類只提供簡單的呈現邏輯，對控件的外觀和樣式都不支持，適合于不需要可視化外觀的控件。例如，Literal控件。nWebControl類支持許多基本樣式，以及呈現HTML元素的能力，適合于生成可視化HTML元素的控件。例如，Button控件。nCo

5、mpositeControl類支持由多個控件合成的復合控件。例如，Wizard控件。 7.2.2 呈現自定義控件 n在WebControl類中，RenderBeginTag、RenderContents和RenderEndTag方法，用于向HTTP輸出流中輸出HTML標記。nRenderBeginTag方法呈現起始標記nRenderEndTag方法呈現結束標記nRenderContents方法呈現標記中的內容。nHtmlTextWriter參數：是一個類，自定義控件通過它向HTTP輸出流中輸出HTML標記。AddAttribute方法：為HTML標記添加屬性AddStyleAttribute：為HTML標記添加樣式屬性。n例例7-5 圖片輪播器 7.2.3 為自定義控件添加屬性 n與為類添加屬性一樣。但若要維護屬性，需要考慮視圖狀態、控件狀態，以及在集成開發環境的屬性窗口中如何呈現等。n可以通過ViewState為控件添加視圖狀態，從而使自定義控件在回發過程中維護屬性的值。 n例例7-6 帶有屬性的圖片輪播器 7.2.4 為自定義控件添加事件 需要以下兩個步驟：（1）在客戶端引發事件，并啟動頁面回發客戶端事件可以直接在HTML標記中添加。使用PostBackOptions類，產生啟動回發事件的客戶端腳本。（2）在回發中檢測與客