《NET》課件第3章 ASP.NET Web窗體和服務器控件

Web窗體和服務器控件概述文本服務器控件按鈕服務器控件圖像服務器控件選擇服務器控件列表服務器控件容器服務器控件增強控件本章任務2024/7/61>>任務目標了解Web窗體了解Web服務器控件的共有屬性任務3-1Web窗體和服務器控件概述2024/7/62Web窗體的共有屬性任務3-1Web窗體和服務器控件概述Accesskey屬性BackColor和ForeColor屬性邊框屬性Enable屬性Font屬性TabIndex屬性ToolTip屬性2024/7/63任務目標了解Label控件的基本屬性和使用了解Literal控件的基本屬性和使用了解TextBox控件的基本屬性和使用了解HyperLink控件的基本屬性和使用2024/7/64任務3-2文本服務器控件Label控件一般用來給文本框、列表框、組合框等控件添加描述性的文字，或給窗體添加說明文字，或用來顯示處理結果等信息。Label控件的語法格式如下：<asp:Labelid="Label1"Text="要顯示的文本內容"runat="server"/>2024/7/65任務3-2文本服務器控件Literal控件當要以編程方式設置文本而不添加額外的HTML標記時，可以向頁面添加Literal控件。當要向頁面動態(tài)添加文本而不添加任何不屬于該動態(tài)文本的元素時，Literal控件非常有用。Literal控件的語法格式如下：<asp:Literalid="Literal1"Text="要顯示的文本內容"runat="server"/>2024/7/66任務3-2文本服務器控件TextBox控件TextBox控件用于讓用戶在Web頁面中輸入文本信息2024/7/67任務3-2文本服務器控件屬性/事件名屬性/事件取值功能說明AutoPostBack屬性True/False設置是否允許自動回傳事件到服務器Columns屬性數(shù)字設置可顯示的最大列數(shù)MaxLength屬性數(shù)字設置最多可輸入字符數(shù)Rows屬性數(shù)字設置可顯示的最大行數(shù)TextMode屬性Single/MutilLine/Password單行/多行/密碼顯示Text屬性字符串確定文本框的值Wrap屬性True/False確定是否允許自動換行OnTextChanged事件當內部文本發(fā)生變化時可觸發(fā)的事件TextBox常用屬性和事件HyperLink控件HyperLink控件用于創(chuàng)建超鏈接，相當于HTML元素的<A>標注2024/7/68任務3-2文本服務器控件屬性/事件名屬性/事件取值功能說明Text屬性字符串設置超鏈接文本ImageURL屬性URL字符串當用一個圖像鏈接時，設置圖像所在位置NavigateURL屬性URL字符串設置要鏈接的網(wǎng)址Target屬性字符串設置鏈接內容顯示方式HyperLink控件常用屬性任務目標了解button按鈕控件的基本屬性和使用了解LinkButton控件的基本屬性和使用了解ImageButton控件的基本屬性和使用2024/7/69任務3-3按鈕服務器控件Button控件Button控件是一種常用的單擊按鈕傳遞信息的方式，能夠把頁面信息返回到服務器2024/7/610任務3-3按鈕服務器控件屬性/事件名屬性/事件取值功能說明Text屬性字符串表示在按鈕上顯示文本CommandName屬性字符串用于獲取或設置Button按鈕將要觸發(fā)事件的名稱，當有多個按鈕共享一個時間處理函數(shù)時，通過CommandName來區(qū)分要執(zhí)行哪個Button事件CommandArgument屬性字符串用于指示命令傳遞的參數(shù)，提供有關要執(zhí)行的命令的附加信息以便于在事件中進行判斷CauseValidation屬性True/False當用戶單擊按鈕時要執(zhí)行的事件處理方法Button控件的主要屬性button按鈕的使用任務情景描述頁面上存放一個button按鈕，沒有點擊按鈕時候顯示沒有單擊確定按鈕，點擊之后顯示點擊了確定按鈕。2024/7/611任務3-3按鈕服務器控件圖3-3點擊按鈕前

圖3-4點擊按鈕后制作登錄頁面任務情景描述本實例主要設計學生管理系統(tǒng)的用戶登錄頁面2024/7/612任務3-3按鈕服務器控件圖3-5用戶登錄界面ImageButton控件ImageButton控件是一個圖片形式的按鈕其功能與普通控件（Button）類似ImageButton控件是以圖片作為按鈕外觀與Image相似，功能與Button相同。2024/7/613任務3-3按鈕服務器控件任務目標了解Image控件的基本屬性和用法了解ImageMap控件的基本屬性和用法2024/7/614任務3.4圖像服務器控件Image控件Image控件是用于顯示圖像的，相當于HTML標記語言中的<img>標記。Image控件在VisualStudio.NET2005的工具箱的“標準”選項卡中形如

2024/7/615任務3.4圖像服務器控件圖片瀏覽頁面任務情景描述很多網(wǎng)站都具備圖片瀏覽功能，有的網(wǎng)站通過幻燈片的方式來瀏覽圖片，有的通過Flash動畫來瀏覽圖片。本實例通過動態(tài)添加超級鏈接控件，并連接到需要瀏覽的圖片來實現(xiàn)圖片的瀏覽功能。2024/7/616任務3.4圖像服務器控件圖3-7圖像顯示頁面效果制作站點地圖頁面任務情景描述利用本節(jié)圖像服務器空間的而只是來實現(xiàn)一個簡易的網(wǎng)站地圖導航。要做一個網(wǎng)站地圖導航，首先就要設計一個網(wǎng)站的地圖，這個地圖可以是任何格式的圖像文件，可以使用ImageMap控件實現(xiàn)在圖像上單擊某一區(qū)域可瀏覽相應的網(wǎng)頁。2024/7/617任務3.4圖像服務器控件圖3-9站點地圖頁面效果選擇服務器控件任務目標了解CheckBox控件、CheckBoxList控件的基本屬性和用法了解RaidoButton控件、RadioButtonList控件的基本屬性和用法2024/7/618任務3.5選擇服務器控件CheckBox控件CheckBox控件用于Web窗體中創(chuàng)建復選框允許用戶在true和false之間切換提供用戶從選項中進行多項選擇的功能。2024/7/619任務3.5選擇服務器控件屬性/事件名屬性/事件名取值功能說明AutoPostBack屬性True/false當該值為True是且用戶選擇改變時觸發(fā)服務器的OnCheckedChanged事件Text屬性字符串設置選項的文本TextAlign屬性Right/Left設置顯示文本的對齊方式Checked屬性True/false確定復選框是否選中OnCheckedChanged屬性處理事件的方法名當復選框發(fā)生變化時可觸發(fā)的事件處理方法表3-9CheckBox常用屬性和事件CheckBoxList控件CheckBoxList是一個CheckBox控件組是一個CheckBox的集合當需要顯示CheckBox控件并對所有控件都要相似的處理方式時，使用該控件比較方便2024/7/620任務3.5選擇服務器控件屬性/事件名屬性/事件取值功能說明AutoPostBack屬性True/False當該值為True是且用戶選擇改變時觸發(fā)服務器的OnCheckedChanged事件CellPadding屬性整數(shù)設置各選項之間的距離DataSource屬性數(shù)據(jù)源對象設置選項數(shù)據(jù)源的對象DataTextField屬性數(shù)據(jù)字段對象設置與數(shù)據(jù)源相關的數(shù)據(jù)字段DataValueField屬性數(shù)據(jù)字段值對象設置與數(shù)據(jù)源相關的數(shù)據(jù)字段的值RepeatColumns屬性整數(shù)確定選項分行顯示的字段數(shù)RepeatDirection屬性Vertical/Horizontal確定選項的排列方式是垂直還是水平RepeatLayout屬性Flow/Table確定選型的排列方式是平鋪還是表格TextAlign屬性Right/Left設置文字的對齊方式Checked屬性True/False確定復選框是否選中Items屬性集合在編碼時使用，表示各選項的集合SelectedIndexes屬性集合在編碼時使用，表示所有已選項的集合SelectedIndex屬性整數(shù)在編碼時使用，用于表示已選項的索引SelectedItem屬性對象在編碼時使用，用于表示一個被選定的項目SelectedItems屬性集合在編碼時使用，用于表示所有被選項的集合OnSelectedIndexChanged事件處理事件的方法名當復選框發(fā)生變化時可以觸發(fā)事件的處理方法RaidoButton控件RadioButton控件是一個用于選擇的單選按鈕控件RadioButton控件常用屬性和事件如下表3-8所示：2024/7/621任務3.5選擇服務器控件屬性/事件名屬性/事件取值功能說明AutoPostBack屬性True/False當該值為True時，如何控件的選擇發(fā)生變化，就自動觸發(fā)服務器的OnCheckdChanged事件Text屬性字符串設置選項的顯示文字TextAlign屬性Right/Left設置選項的文字的對齊方式Checked屬性True/False確定控件是否被選中GroupName屬性字符串設置控件所屬的組的名稱，屬于同一組的單選按鈕控件在同一時刻只能有一個被選中OnCheckedChanged事件處理事件的方法名設置當選項發(fā)生變化時可觸發(fā)事件的處理程序RadioButtonList控件RaidoButtonList控件是一個RadioButton控件組表示多個控件的組合有多個選項需要用戶進行單選時，使用該控件十分方便2024/7/622任務3.5選擇服務器控件CheckBox控件CheckBox控件用于Web窗體中創(chuàng)建復選框，該復選框允許用戶在true和false之間切換，提供用戶從選項中進行多項選擇的功能。2024/7/623任務3.5選擇服務器控件屬性/事件名屬性/事件名取值功能說明AutoPostBack屬性True/false當該值為True是且用戶選擇改變時觸發(fā)服務器的OnCheckedChanged事件Text屬性字符串設置選項的文本TextAlign屬性Right/Left設置顯示文本的對齊方式Checked屬性True/false確定復選框是否選中OnCheckedChanged屬性處理事件的方法名當復選框發(fā)生變化時可觸發(fā)的事件處理方法CheckBox常用屬性和事件CheckBoxList控件CheckBoxList是一個CheckBox控件組是一個CheckBox的集合當需要顯示CheckBox控件并對所有控件都要相似的處理方式時，使用該控件比較方便2024/7/624任務3.5選擇服務器控件獲取用戶的個人愛好任務情景描述本實例主要是實現(xiàn)使用復選列表控件實現(xiàn)添加個人愛好的功能，效果圖如下所示：2024/7/625任務3.5選擇服務器控件添加個人愛好頁面效果圖任務目標了解ListBox控件的基本屬性和使用了解DropDownList控件的基本屬性和使用了解BulletedList控件的基本屬性和使用2024/7/626任務3.6列表服務器控件ListBox控件ListBox控件是一個靜態(tài)列表框，用戶可以在該控件中添加一組內容列表，以供訪問網(wǎng)頁的用戶選擇其中的一項或多項。2024/7/627任務3.6列表服務器控件屬性/事件名屬性/事件名取值功能說明AutoPostBack屬性True/false當該值為True是且用戶選擇改變時觸發(fā)服務器的OnCheckedChanged事件DataSource屬性數(shù)據(jù)源對象設置數(shù)據(jù)源對象DataTextField屬性數(shù)據(jù)字段對象設置與數(shù)據(jù)源相關的數(shù)據(jù)字段DataValueField屬性數(shù)據(jù)字段值對象設置與數(shù)據(jù)源相關的數(shù)據(jù)字段的值Rows屬性整數(shù)設置顯示項目的窗口行數(shù)Items屬性集合在編碼時使用，用于表示各個選項的集合SelectedIndex屬性整數(shù)在編碼時使用，用于表示已選項的索引SelectedItem屬性對象在編碼時使用，用于表示一個被選定的項目SelectedValue屬性對象獲取ListBox控件中選定的項的值。SelectionMode屬性Single/Multiple獲取或設置ListBox控件的選定模式

OnSelectedIndexChanged事件處理事件的方法名當復選框發(fā)生變化時可觸發(fā)的事件處理方法兩個列表框級聯(lián)任務情景描述本實例主要實現(xiàn)兩個列表框級聯(lián)，通過選擇國家找到對應的地區(qū)信息，運行效果如下圖所示：2024/7/628任務3.6列表服務器控件圖3-11列表級聯(lián)效果圖DropDownList控件DropDownList服務器控件是一個下拉列表框控件，該控件與ListBox控件類似也可以選擇一項或多項內容，只是它們的外觀不同。DropDownList控件有一個下拉列表框，而ListBox控件是在靜態(tài)列表中顯示內容。2024/7/629任務3.6列表服務器控件BulletedList控件BulletedList服務器控件是一個項目列表控件，用于創(chuàng)建以項目符號格式化的列表項，而且還可以顯示為超鏈接列表。BulletedList控件可以直接添加列表項，也可以通過綁定數(shù)據(jù)設置列表項。2024/7/630任務3.6列表服務器控件任務目標了解Panel控件的基本屬性和使用了解MultiView控件的基本屬性和使用了解PlaceHolder控件的基本屬性和使用2024/7/631任務3.7容器服務器控件Panel控件Panel控件在頁面內為其他控件提供一個容器將多個控件放入Panel控件作為一個單元進行控制可使用Panel控件作為一組控件創(chuàng)建獨特的外觀。2024/7/632任務3.7容器服務器控件屬性/事件名屬性/事件取值功能說明BackImageUrl屬性背景圖片的鏈接地址設置Panel的背景圖片HorizzontalAlign屬性Center/Left/Right設置panel中控件的水平對齊方式Wrap屬性True/False確定是否設置自動換行表3-16Panel控件的基本屬性Panel控件的應用任務情景描述本實例主要實現(xiàn)Panel控件的使用，點擊基本信息可以顯示基本信息控件，點擊聯(lián)系方式可以顯示聯(lián)系方式的Panel控件，運行效果如下圖3-14所示：2024/7/633任務3.7容器服務器控件圖3-14頁面運行效果圖任務目標了解AdRotator控件的基本屬性和使用了解Calendar控件的基本屬性和使用了解Table控件的基本屬性和使用了解FileUpload控件的基本屬性和使用2024/7/634任務3.8增強控件AdRotator控件AdRotator控件又稱廣告控件，使用AdRotator控件可以在web頁面上顯示隨機選定的廣告條，并在一系列廣告條之間