伺服器控制项.ppt

第六章 伺服器控制項（一） 在本章中，我們介紹工具箱／標準頁籤中的常用控制項，並且探討ASP.NET如何利用Postback完成網頁的事件驅動模型。 至於較為複雜的伺服器控制項，則留待下一章中介紹。 大綱 6.1 控制項簡介 6.1.1 Web伺服器控制項的種類 6.1.2 Web伺服器控制項的共通屬性 6.2 文字輸出控制項 6.2.1 Label控制項 6.2.2 Literal控制項 6.3 HiddenField隱藏資訊控制項 6.4 文字輸入控制項 6.4.1 TextBox控制項 6.4.2 讀取網頁與PostBack 6.4.3 AutoPostBack屬性 6.5 傳送控制項 6.5.1 Button控制項 6.5.2 ImageButton控制項 6.5.3 LinkButton控制項 大綱 6.6 選擇控制項 6.6.1 CheckBox多選控制項 6.6.2 CheckBoxList多選清單控制項 6.6.3 RadioButton選項按鈕（單選）控制項 6.6.4 RadioButtonList選項按鈕（單選）清單控制項 6.6.5 ListBox控制項 6.6.6 DropDownList控制項 6.7 多控制項的管理 6.7.1 控制項順序與快速切換 6.7.2 容器與Panel面板控制項 6.8 本章回顧 第六章 伺服器控制項（一） 在本章中，我們將介紹常用的Web伺服器控制項，並介紹何謂PostBack，以及如何應用面板(Panel)來管理眾多控制項。 6.1 控制項簡介 VWD的工具箱中提供的元件稱之為控制項(Control)，其完整名稱為伺服器控制項(server control)，伺服器控制項在原始碼中，同樣以標籤型式出現，但伺服器端的編譯器能夠理解並處理這些標籤。 除了自訂的控制項之外，ASP.NET提供的伺服器控制項可以分為兩大類： 1.HTML伺服器控制項(HTML Server Controls)： HTML伺服器控制項是由HTML標籤衍生而來，您可以先在工具箱的HTML頁籤中選取HTML元件，這些HTML元件都是由簡單的HTML標籤所構成 當您在網頁中加入了HTML元件後，只需要在原始碼頁籤中，將其標籤加上runat=server屬性即可 （若無ID或id屬性，則也必須補上，例如Image：HTML伺服器控制項）。 如下範例： 6.1 控制項簡介 經由加入runat=“server”屬性的動作後，該HTML元件已經變成了HTML伺服器控制項 換句話說，它可以被伺服器處理，因此，我們可以在撰寫程式時使用它，而代表該控制項的名稱則為其標籤的id屬性值「Text1」 例如我們可以在Page_Load程序中，加入下列敘述，使得「HTML伺服器控制項：文字方塊」的內容初始為「請輸入文字」。 6.1 控制項簡介 執行後就成為上圖結果，您可以注意到，我們並非使用Text1.Text來設定文字方塊的文字，這是因為它是一個HTML伺服器控制項的文字方塊，其類別為HtmlInputText類別，並且隸屬於System.Web.UI.HtmlControls命名空間，它並不是一個Web伺服器控制項。 因此當您查閱HtmlInputText類別的線上說明時，會發現設定方塊中的值，應該是以Value屬性來替代，它並沒有Text屬性。 如果您回到VWD的介面中，在 「HTML伺服器控制項：文字方塊」上按兩下，會發現它出現的事件程序是客戶端的JavaScript函式Text1_onclick()，而非伺服器端的程序。 6.1 控制項簡介 2. Web伺服器控制項(Web Server Controls)： Web伺服器控制項是ASP.NET自己制定的控制項，它可以經由伺服器編譯器的處理而產生一個以上的HTML標籤以及些許JavaScript程式碼以完成控制項的功能 我們在前幾章中建立的網頁控制項都是屬於Web伺服器控制項。 在原始碼頁籤中，Web伺服器控制項會以ASP.NET自訂的標籤格式出現，其標準格式如下： 所有Web伺服器控制項的所屬類別都位於System.Web.UI.WebControls命名空間中 例如System.Web.UI.WebControls.Button類別代表Web伺服器控制項按鈕的類別。 6.1 控制項簡介 而Web伺服器控制項的類別都繼承自System.Web.UI.WebControls.WebControl類別，在此類別中，定義了所有Web伺服器控制項的屬性和方法，而它又繼承自System.Web.UI.Control類別，Control類別則定義了所有伺服器控制項共用的屬性和方法。 在工具箱的標準頁籤中，所有的控制項都是Web伺服器控制項。但並非所有