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

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

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

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

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

5、mpositeControl類(lèi)支持由多個(gè)控件合成的復(fù)合控件。例如，Wizard控件。 7.2.2 呈現(xiàn)自定義控件 n在WebControl類(lèi)中，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ù)：是一個(gè)類(lèi)，自定義控件通過(guò)它向HTTP輸出流中輸出HTML標(biāo)記。AddAttribute方法：為HTML標(biāo)記添加屬性AddStyleAttribute：為HTML標(biāo)記添加樣式屬性。n例例7-5 圖片輪播器 7.2.3 為自定義控件添加屬性 n與為類(lèi)添加屬性一樣。但若要維護(hù)屬性，需要考慮視圖狀態(tài)、控件狀態(tài)，以及在集成開(kāi)發(fā)環(huán)境的屬性窗口中如何呈現(xiàn)等。n可以通過(guò)ViewState為控件添加視圖狀態(tài)，從而使自定義控件在回發(fā)過(guò)程中維護(hù)屬性的值。 n例例7-6 帶有屬性的圖片輪播器 7.2.4 為自定義控件添加事件 需要以下兩個(gè)步驟：（1）在客戶(hù)端引發(fā)事件，并啟動(dòng)頁(yè)面回發(fā)客戶(hù)端事件可以直接在HTML標(biāo)記中添加。使用PostBackOptions類(lèi)，產(chǎn)生啟動(dòng)回發(fā)事件的客戶(hù)端腳本。（2）在回發(fā)中檢測(cè)與客