【文章內(nèi)容簡介】 件包含在 “ 工具箱 ” 的 HTML下拉列表中 。 實際上 ， HTML控件都與 HTML標(biāo)識符一一對應(yīng) ， 拖放HTML控件到 Web窗體中就等于輸入了相應(yīng)的 HTML代碼 。 例如 ， 在窗體中創(chuàng)建一個 Button控件 ， 打開 HTML選項卡 ，可以發(fā)現(xiàn)所產(chǎn)生的代碼如下所示： ＜ INPUT Style＝ ” Z－ INDEX： ………… 等＞ 在 HTML控件的代碼中 ， style屬性決定著控件在 Web窗體中的位置和大小 。 40 第 5章 HTML控件和 Web服務(wù)器控件 在 HTML 控件 (續(xù) 2） 為了把一個常規(guī)的 HTML控件轉(zhuǎn)換成一個 HTML服務(wù)器控件 ， 只要在設(shè)計模式下右擊控件 （ 例如上面的 Button控件 ） ， 再從彈出菜單中的選擇 “ 作為服務(wù)器控件運行 ” 命令即可 。 這時 ， 如果要查看 Button控件的代碼 ， 會發(fā)現(xiàn)多了一個 runat=“ server” 屬性 。 HTML控件和 HTML服務(wù)器控件在設(shè)計器界面中的區(qū)別就是有沒有帶有一個小標(biāo)記 ， 帶小標(biāo)記的控件為 HTML服務(wù)器控件 41 第 5章 HTML控件和 Web服務(wù)器控件 在 HTML 控件 (續(xù) 3） 把 HTML控件轉(zhuǎn)換成了 HTML服務(wù)器控件 ， 可以使控件在服務(wù)器端運行并創(chuàng)建事件 ， 例如 ， 可以使服務(wù)器端代碼響應(yīng) Button控件的 Click事件 。 在服務(wù)器端代碼中 ， 還可以把控件的值綁定到字段 、 屬性 、 方式或表達式 。 實際上 ， HTML服務(wù)器控件的這些功能都可以通過 Web服務(wù)器控件來完成 ， 之所以引用到 ． NET框架中 ， 主要是因為下面兩個原因： 42 第 5章 HTML控件和 Web服務(wù)器控件 在 HTML 控件 (續(xù) 4） 兩個原因： 開發(fā)人員可以在客戶端腳本里為其編寫事件代碼 。 因為 ， HTML服務(wù)器控件都作為標(biāo)準(zhǔn)的 HTML控件顯示 ， 而且能處理客戶端腳本 。 HTML服務(wù)器控件包括了與現(xiàn)有 ASP應(yīng)用程序之間的向下兼容性 ， 使得把傳統(tǒng)的 ASP應(yīng)用程序轉(zhuǎn)換成 ASP． NET（ Web窗體 ） 應(yīng)用程序變得更容易 。 43 第 5章 HTML控件和 Web服務(wù)器控件 Web服務(wù)器控件 我們在上面已經(jīng)介紹過 HTML 控件，接下來要介紹的是 Web 控件（或稱為 Server控件）。 Web 控件和 HTML 控件不一樣， HTML 控件是將 HTML 標(biāo)注對象化，讓我們的程序代碼比較好控制以及管理這些控件；不過基本上它還是轉(zhuǎn)成相對應(yīng)的 HTML 標(biāo)注。而 Web 控件的功能比較強，見下頁說明。 44 第 5章 HTML控件和 Web服務(wù)器控件 Web服務(wù)器控件 一些能夠簡化開發(fā)工作的功能和特性 ， 其中包括： ? 豐富而一致的對象模型： WebControl基類實現(xiàn)了對所有控件通用的大量屬性 ， 包括 ForeColor、 BackColor、Font、 Enabled等 ， 有助于減少編程錯誤 。 ? 對瀏覽器的自動檢測： Web控件能夠自動檢測客戶機瀏覽器的功能 ， 并相應(yīng)地調(diào)整它們所提交的 HTML， 從而充分發(fā)揮瀏覽器的功能 。 ? 數(shù)據(jù)綁定： Web 控件還擁有一個非常重要的功能 ， 那就是支持?jǐn)?shù)據(jù)鏈接 （ Data Binding） ；這種能力可以和數(shù)據(jù)庫連接 ， 用來顯示或修改數(shù)據(jù)源的數(shù)據(jù) 。 45 第 5章 HTML控件和 Web服務(wù)器控件 Web 控件的使用 Web服務(wù)器控件（ 控件）可以直接加入到“． Aspx” 文件中。這些控件是使用標(biāo)記 ASP：servercontrol聲明的，所有的 都必須以結(jié)束標(biāo)記/ ASP： servercontrol ＞結(jié)束。 如同 HTML 控件一樣，我們必須賦予每個控件一個 Id 屬性，并且指定 Runat 屬性為 Server，表示控件是在Server 端執(zhí)行。 Web 控件設(shè)定屬性的方式有兩種，一種是開始在頁面布置對象時便將屬性設(shè)定好；另一種是由程序來設(shè)定。下列程序代碼范例聲明了 Label Web 控件，并分別利用兩種方式來設(shè)定 Web 控件的屬性： 46 第 5章 HTML控件和 Web服務(wù)器控件 Web 控件的使用 (示例） ! ASP:Label Id=“ Label1” Text=“這是標(biāo)簽” Runat=Server/br ASP:Label Id=Label2 Runat=Server/ Script Language=C Runat=Server void Page_Load() { =“這是另一個標(biāo)簽” 。 } /Script 47 第 5章 HTML控件和 Web服務(wù)器控件 Web 控件的使用 (示例 ） 以上兩種方法雖然都會使 Label Web 控件上出現(xiàn)文字，不過一般來說我們習(xí)慣將不變動的屬性直接就設(shè)定在標(biāo)注中，如： ASP:Label Id=“ Label1” Text=“這是標(biāo)簽” Runat=“ Server” /br。 而會變動的屬性就用程序代碼來設(shè)定，如： Script Language=C Runat=Server void Page_Load() { =這是另一個標(biāo)簽 。 } /Script 48 第 5章 HTML控件和 Web服務(wù)器控件 在 Web服務(wù)器控件 Web服務(wù)器控件都位于 “ 工具箱 ”中的 “ Web窗體 ” 下拉列表中 ， 許多控件都類似于 Windows窗體控件 ， 例如 Label， TextBox， Checkbox，ListBox， Button和 Image等 。 另外 ， 還有一些復(fù)雜的服務(wù)器控件 ， 例如 AdRotator（ 顯示一組圖像 ， 不管是預(yù)先定義的還是隨機的 ） 和 Calendar（ 顯示一個交互式的日歷 ） 等 。 49 第 5章 HTML控件和 Web服務(wù)器控件 在 Web服務(wù)器控件（續(xù) 1） 每個 Web服務(wù)器控件都有一個標(biāo)記符 ， 在 Web窗體的 HTML模板上用作控件類的引用 。 每個控件的標(biāo)記符都是帶有前綴 asp：的控件名稱 ， 例如 ， 文本框的標(biāo)記符是 asp： Textbox。 下面是一個單行文本框的代碼： asp:TextBox id=TextBox1 style=ZINDEX: 102。 LEFT: 113px。 POSITION: absolute。 TOP: 76px r u n a t = s e r v e r H e i g h t = 31p x Width=162px/asp:TextBox 50 第 5章 HTML控件和 Web服務(wù)器控件 Web控件 中常用的屬性： 名稱 說明 AccessKey 設(shè)定某個 control的 access鍵，例如 AccessKey=B，表示按Alt+B，光標(biāo)即移至該 control。 BackColor 背景顏色。 BorderColor 邊框顏色。 BorderStyle 邊框型式，有 dashed、 dotted、 double、 groove、 inset、none、 notset、 outset、 ridge、 solid等。 BorderWidth 邊框?qū)挾取? Enabled 若設(shè)定成 false，則此 control為 read only。 FontBold Text以粗體字表 現(xiàn) ，值 為 true或 false。 51 第 5章 HTML控件和 Web服務(wù)器控件 Web控件 中常用的屬性（續(xù) 1）： FontItalic Text以斜體字表現(xiàn)，值為 true或 false。 FontOverline Text之上加橫線，值為 true或 false。 FontSize Text字體大小。 FontStrikout Text之中加橫線，值為 true或 false。 FontUnderline Text加底線，值為 true或 false。 ForeColor Text的顏色。 Height Control的高度。 ID Control的 identifier。 TabIndex 此 control在此網(wǎng)頁的 tab次序。 Visible 可見 與 否， visible=“false”， 則 為不可 見 的。 Width Control的寬度。 52 第 5章 HTML控件和 Web服務(wù)器控件 Web控件 中常用的屬性（續(xù) 2）： 所有 server controls共有的 Properties 名 稱 說明 Client