第7章創(chuàng)建用戶定制控件

1、第7章創(chuàng)建用戶定制控件第7章創(chuàng)建用戶定制控件7.1 用戶控件 7.2 自定義控件 7.1 用戶控件 7.1.1 用戶控件基本知識用戶控件基本知識n用戶控件就是把HTML標(biāo)記和 Web 服務(wù)器控件封裝在一起，從而可以重復(fù)使用的一個單元。 n與ASP.NET頁面不同之處：指令不同：用戶控件包含Control指令，而ASP.NET頁面包含Page指令。擴展名不同：用戶控件的文件擴展名為.ascx，而ASP.NET頁面文件的擴展名為.aspx。7.1.1 用戶控件基本知識頁面構(gòu)成不同：用戶控件中不能包含html、body或form元素，而ASP.NET頁面必須包含這些元素?；惒煌河脩艨丶幕悶镾

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

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

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

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