《商務(wù)網(wǎng)站設(shè)計(jì)與開發(fā)》課件第10章 基本W(wǎng)eb服務(wù)器控件_第1頁
《商務(wù)網(wǎng)站設(shè)計(jì)與開發(fā)》課件第10章 基本W(wǎng)eb服務(wù)器控件_第2頁
《商務(wù)網(wǎng)站設(shè)計(jì)與開發(fā)》課件第10章 基本W(wǎng)eb服務(wù)器控件_第3頁
《商務(wù)網(wǎng)站設(shè)計(jì)與開發(fā)》課件第10章 基本W(wǎng)eb服務(wù)器控件_第4頁
《商務(wù)網(wǎng)站設(shè)計(jì)與開發(fā)》課件第10章 基本W(wǎng)eb服務(wù)器控件_第5頁
已閱讀5頁,還剩43頁未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

內(nèi)容10.1按鈕Button10.2標(biāo)簽Label10.3文本框TextBox10.4復(fù)選框CheckBox10.5復(fù)選框組CheckBoxList10.6單選按鈕RadioButton10.7單選按鈕組RadioButtonList10.8超鏈接Hyperlink10.9下拉列表Dropdownlist10.10列表框ListBox10.11驗(yàn)證控件Validator10.12服務(wù)器控件的繼承關(guān)系10.13思考題10.1按鈕Button

10.1按鈕Button名稱說明ID獲取或設(shè)置分配給服務(wù)器控件的標(biāo)識符。(繼承自Control。)Enabled獲取或設(shè)置是否啟用Web服務(wù)器控件,如果值為false,則按鈕呈現(xiàn)灰色,不響應(yīng)用戶點(diǎn)擊。(繼承自WebControl。)CausesValidation獲取或設(shè)置在單擊Button控件時是否執(zhí)行驗(yàn)證。CommandArgument獲取或設(shè)置可選參數(shù),該參數(shù)與關(guān)聯(lián)的CommandName一起被傳遞到Command事件。CommandName獲取或設(shè)置命令名,該命令名與傳遞給Command事件的Button控件相關(guān)聯(lián)。OnClientClick獲取或設(shè)置在引發(fā)HTML按鈕的Click事件時所執(zhí)行的客戶端腳本。PostBackUrl獲取或設(shè)置單擊Button控件時從當(dāng)前頁發(fā)送到的網(wǎng)頁的URL。Text獲取或設(shè)置在Button控件中顯示的文本標(biāo)題。UseSubmitBehavior獲取或設(shè)置是否使用客戶端瀏覽器的提交機(jī)制,否則使用ASP.NET回發(fā)機(jī)制。ValidationGroup獲取或設(shè)置在Button控件回發(fā)到服務(wù)器時要進(jìn)行驗(yàn)證的控件組。10.1按鈕ButtonButtonForm.aspx文件的代碼如下:<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="ButtonForm.aspx.cs"Inherits="TextBoxCode.ButtonForm"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="/1999/xhtml"><headrunat="server"><title></title></head><body><formid="form1"runat="server"><div><asp:ButtonID="Button1"runat="server"onclick="Button1_Click"Text="Button"/></div></form></body></html>10.1按鈕ButtonButtonForm.aspx.cs文件的代碼如下:usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;

namespaceTextBoxCode{publicpartialclassButtonForm:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){}

protectedvoidButton1_Click(objectsender,EventArgse){Button1.Text="我已經(jīng)被點(diǎn)擊過了";Button1.Enabled=false;}}}10.2標(biāo)簽LabelLabelWeb服務(wù)器控件為開發(fā)者提供了一種以編程方式顯示網(wǎng)頁文本的方法。與直接在HTML中寫入靜態(tài)文本不太,Label控件支持在服務(wù)器代碼中更改文本的內(nèi)容或其它特性。名稱說明ID獲取或設(shè)置分配給服務(wù)器控件的標(biāo)識符。(繼承自Control。)Enabled獲取或設(shè)置是否啟用Web服務(wù)器控件。(繼承自WebControl。)Text獲取或設(shè)置Label控件的文本內(nèi)容。Visible獲取或設(shè)置是否在網(wǎng)頁上顯示。(繼承自Control。)10.2標(biāo)簽Label下面的例子中,網(wǎng)頁中有一個文本和一個按鈕,其中文本是以Label控件實(shí)現(xiàn)的。LabelForm.aspx文件的代碼如下:

<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="LabelForm.aspx.cs"Inherits="TextBoxCode.LabelForm"%>

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="/1999/xhtml"><headrunat="server"><title></title></head><body><formid="form1"runat="server"><asp:LabelID="Label1"runat="server"Text="Label"></asp:Label><asp:ButtonID="Button1"runat="server"onclick="Button1_Click"Text="Button"/></form></body></html>10.2標(biāo)簽LabelLabelForm.aspx.cs文件的代碼如下:usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;

namespaceTextBoxCode{publicpartialclassLabelForm:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){Label1.Text="HelloWorld!";}

protectedvoidButton1_Click(objectsender,EventArgse){Label1.Text="Hello,Again!";}}}10.3文本框TextBoxTextBox服務(wù)器控件可以形成瀏覽器端的文本框,可以接受用戶在瀏覽器端輸入的信息,并提交給服務(wù)器進(jìn)行處理。TextBox的Text屬性是最常用的屬性,可以通過該屬性來設(shè)置和獲取文本框的內(nèi)容。ReadOnly屬性設(shè)置為true時將文本框設(shè)置為只讀,可以防止用戶對內(nèi)容的修改。MaxLength屬性用來設(shè)置用戶可以輸入的字符數(shù)上限,比如當(dāng)MaxLength屬性設(shè)置為10時,用戶只能輸入最多10個字符(英文字母、符號或數(shù)字)。TextBox的TextMode屬性設(shè)置為TextBoxMode.SingleLine,意味著用戶只能輸入一行信息;如果希望用戶輸入密碼時不要顯示出來,則將TextMode屬性設(shè)置為TextBoxMode.Password;如果將TextMode屬性設(shè)置為TextBoxMode.MultiLine則可以接受多行信息。10.3文本框TextBox名稱說明ID獲取或設(shè)置分配給服務(wù)器控件的標(biāo)識符。(繼承自Control。)Enabled獲取或設(shè)置是否啟用Web服務(wù)器控件。(繼承自WebControl。)AutoCompleteType獲取或設(shè)置自動填寫的方式,比如當(dāng)用戶在填寫電子郵件的前幾個字母時,自動幫助用戶完成全部的地址填寫。AutoPostBack獲取或設(shè)置回發(fā)開關(guān),決定當(dāng)控件失去焦點(diǎn)時(比如鼠標(biāo)離開此控件而點(diǎn)擊了其它控件)是否產(chǎn)生頁面回發(fā)。CausesValidation獲取或設(shè)置驗(yàn)證開關(guān),決定在頁面回發(fā)時是否進(jìn)行校驗(yàn)。Columns獲取或設(shè)置以字符為單位的顯示寬度。MaxLength獲取或設(shè)置文本框可以輸入的字符數(shù)。ReadOnly獲取或設(shè)置只讀開關(guān),決定是否允許用戶修改文本框中的內(nèi)容。Rows獲取或設(shè)置多行輸入情況下的行數(shù)。Text獲取或設(shè)置文本框中的字符內(nèi)容。TextMode獲取或設(shè)置文本框的行為模式(包括單行、多行或者密碼等)。ValidationGroup獲取或設(shè)置內(nèi)容驗(yàn)證是的分組信息。Wrap獲取或設(shè)置折行開關(guān),決定在多行文本框中是否自動折行。10.3文本框TextBoxTextBoxForm.aspx文件代碼如下:<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="TextBoxForm.aspx.cs"Inherits="TextBoxCode.TextBoxForm"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="/1999/xhtml"><headrunat="server"><title></title></head><body><formid="form1"runat="server"><asp:TextBoxID="TextBox1"runat="server"></asp:TextBox><asp:TextBoxID="TextBox2"runat="server"></asp:TextBox><asp:ButtonID="Button1"runat="server"onclick="Button1_Click"Text="Button"/></form></body></html>10.3文本框TextBoxTextBoxForm.aspx.cs文件代碼如下:usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;namespaceTextBoxCode{publicpartialclassTextBoxForm:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){}

protectedvoidButton1_Click(objectsender,EventArgse){TextBox2.Text=TextBox1.Text;}}}10.4復(fù)選框CheckBox復(fù)選框允許用戶在多個選項(xiàng)中選擇0個到多個。每個選項(xiàng)之間相互獨(dú)立,點(diǎn)擊其中某個選項(xiàng)一次選中選項(xiàng),再次點(diǎn)擊將取消選擇。下面的例子顯示如何讓用戶從CheckBox1(體育)、CheckBox2(游戲)和CheckBox3(音樂)多種選項(xiàng)中選擇自己的愛好。當(dāng)用戶點(diǎn)擊按鈕,將在Label1中顯示用戶的選擇情況。10.4復(fù)選框CheckBoxCheckBoxForm.aspx文件的代碼如下:<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="CheckBoxForm.aspx.cs"Inherits="TextBoxCode.CheckBoxForm"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><headrunat="server"><title></title></head><body><formid="form1"runat="server"><div><asp:CheckBoxID="CheckBox1"runat="server"Text="體育"/><asp:CheckBoxID="CheckBox2"runat="server"Text="游戲"/><asp:CheckBoxID="CheckBox3"runat="server"Text="音樂"/><br/><asp:ButtonID="Button1"runat="server"OnClick="Button1_Click"Text="Button"/><asp:LabelID="Label1"runat="server"Text="Label"></asp:Label></div></form></body></html>10.4復(fù)選框CheckBoxCheckBoxForm.aspx.cs文件的代碼如下:namespaceTextBoxCode{publicpartialclassCheckBoxForm:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){}

protectedvoidButton1_Click(objectsender,EventArgse){Label1.Text="你的愛好包括:";if(CheckBox1.Checked)Label1.Text=Label1.Text+"體育;";if(CheckBox2.Checked)Label1.Text=Label1.Text+"游戲;";if(CheckBox3.Checked)Label1.Text=Label1.Text+"音樂;";}}}10.5復(fù)選框組CheckBoxList有兩種方法可以向頁面中添加多個復(fù)選框:多次添加CheckBox控件;添加CheckBoxList控件,然后向該控件添加單個列表項(xiàng)。CheckBoxList控件更適合多個復(fù)選框的情況,并且可以方便地關(guān)聯(lián)數(shù)據(jù)源中的數(shù)據(jù)。10.5復(fù)選框組CheckBoxList名稱說明ID獲取或設(shè)置分配給服務(wù)器控件的標(biāo)識符。(繼承自Control。)Enabled獲取或設(shè)置是否啟用Web服務(wù)器控件。(繼承自WebControl。)Items獲取列表控件項(xiàng)的集合。CellPadding獲取或設(shè)置表單元格的邊框和內(nèi)容之間的距離(以像素為單位)。CellSpacing獲取或設(shè)置單元格之間的距離(以像素為單位)。RenderWhenDataEmpty獲取或設(shè)置決定如果數(shù)據(jù)源沒有數(shù)據(jù)或控件未進(jìn)行數(shù)據(jù)綁定時,是否呈現(xiàn)控件的值。RepeatColumns獲取或設(shè)置要在CheckBoxList控件中顯示的列數(shù)。RepeatDirection獲取或設(shè)置控件是垂直顯示還是水平顯示。RepeatLayout獲取或設(shè)置在HTML中選項(xiàng)的呈現(xiàn)方式,可選方式包括table元素、ul元素、ol元素和span元素。TextAlign獲取或設(shè)置組內(nèi)復(fù)選框的文本對齊方式。10.5復(fù)選框組CheckBoxListCheckBoxListForm.aspx文件的代碼如下:<formid="form1"runat="server"><div><asp:CheckBoxListID="CheckBoxList1"runat="server"RepeatDirection="Horizontal"><asp:ListItem>體育</asp:ListItem><asp:ListItem>游戲</asp:ListItem><asp:ListItem>音樂</asp:ListItem></asp:CheckBoxList><asp:ButtonID="Button1"runat="server"OnClick="Button1_Click"Text="Button"/><asp:LabelID="Label1"runat="server"Text="Label"></asp:Label></div></form>10.5復(fù)選框組CheckBoxListCheckBoxListForm.aspx.cs文件的代碼如下:protectedvoidButton1_Click(objectsender,EventArgse){Label1.Text="你的愛好包括:";if(CheckBoxList1.Items[0].Selected)Label1.Text=Label1.Text+"體育;";if(CheckBoxList1.Items[1].Selected)Label1.Text=Label1.Text+"游戲;";if(CheckBoxList1.Items[2].Selected)Label1.Text=Label1.Text+"音樂;";

}10.6單選按鈕RadioButton多個單選按鈕控件可以組成一組,讓用戶在多個選項(xiàng)中選擇其中一個作為輸入。用戶選擇那個單選按鈕,它的Checked屬性就被設(shè)置為true,否則設(shè)置為false。如果用戶改變了選項(xiàng),則原來被選擇的控件自動被恢復(fù)為false,即一個組中的多個單選按鈕時互相排斥的,同一時間只能有一個被選中。例子中使用了兩個單選按鈕控件RadioButton1和RadioButton2,分別設(shè)置其Text屬性為“男”和“女”。為了使其構(gòu)成一組,將它們的GroupName屬性設(shè)置為相同的值“sex”。如果需要,在設(shè)計(jì)時將RadioButton1的Checked設(shè)置為true,那么在網(wǎng)頁加載時“男”的選項(xiàng)就會被默認(rèn)地選擇了。10.6單選按鈕RadioButton名稱說明ID獲取或設(shè)置分配給服務(wù)器控件的標(biāo)識符。(繼承自Control。)Enabled獲取或設(shè)置是否啟用Web服務(wù)器控件。(繼承自WebControl。)Items獲取列表控件項(xiàng)的集合。CellPadding獲取或設(shè)置表單元格的邊框和內(nèi)容之間的距離(以像素為單位)。CellSpacing獲取或設(shè)置單元格之間的距離(以像素為單位)。RenderWhenDataEmpty獲取或設(shè)置決定如果數(shù)據(jù)源沒有數(shù)據(jù)或控件未進(jìn)行數(shù)據(jù)綁定時,是否呈現(xiàn)控件的值。RepeatColumns獲取或設(shè)置要在CheckBoxList控件中顯示的列數(shù)。RepeatDirection獲取或設(shè)置控件是垂直顯示還是水平顯示。RepeatLayout獲取或設(shè)置在HTML中選項(xiàng)的呈現(xiàn)方式,可選方式包括table元素、ul元素、ol元素和span元素。TextAlign獲取或設(shè)置組內(nèi)復(fù)選框的文本對齊方式。10.6單選按鈕RadioButtonRadioButtonForm.aspx文件的代碼如下:

<formid="form1"runat="server"><div><asp:RadioButtonID="RadioButton1"runat="server"Checked="True"GroupName="sex"Text="男"/><asp:RadioButtonID="RadioButton2"runat="server"GroupName="sex"Text="女"/><br/><asp:ButtonID="Button1"runat="server"onclick="Button1_Click"Text="Button"/><asp:LabelID="Label1"runat="server"Text="Label"></asp:Label></div></form>10.6單選按鈕RadioButtonRadioButtonForm.aspx.cs文件代碼如下:protectedvoidButton1_Click(objectsender,EventArgse){if(RadioButton1.Checked)Label1.Text="你的選擇是男";if(RadioButton2.Checked)Label1.Text="你的選擇是女";

}10.7單選按鈕組RadioButtonList有兩種方法可以向頁面中添加多個單選按鈕:多次添加RadioButton控件;添加RadioButtonList控件,然后向該控件添加單個列表項(xiàng)。前者在前文中已經(jīng)介紹,而后者則在實(shí)際開發(fā)中更為常用,并且可以方便地關(guān)聯(lián)數(shù)據(jù)源中的數(shù)據(jù)。需要注意的是:雖然RadioButtonList的Items屬性(集合類型)與CheckBoxList控件中的Items屬性一樣,其中每一個元素都具有Selected值,但Selected值并不能說明某個選項(xiàng)是否被選中。應(yīng)該使用RadioButtonList的SelectedIndex來獲取組中被選中項(xiàng)目的編號,如上面代碼所示。如果選項(xiàng)較多,可以使用C#語言的switch語句來對不同的選擇進(jìn)行處理。10.7單選按鈕組RadioButtonList名稱說明ID獲取或設(shè)置分配給服務(wù)器控件的標(biāo)識符。(繼承自Control。)Enabled獲取或設(shè)置是否啟用Web服務(wù)器控件。(繼承自WebControl。)Items獲取列表控件項(xiàng)的集合。CellPadding獲取或設(shè)置表單元格的邊框和內(nèi)容之間的距離(以像素為單位)。CellSpacing獲取或設(shè)置單元格之間的距離(以像素為單位)。RenderWhenDataEmpty獲取或設(shè)置決定如果數(shù)據(jù)源沒有數(shù)據(jù)或控件未進(jìn)行數(shù)據(jù)綁定時,是否呈現(xiàn)控件的值。RepeatColumns獲取或設(shè)置要在CheckBoxList控件中顯示的列數(shù)。RepeatDirection獲取或設(shè)置控件是垂直顯示還是水平顯示。RepeatLayout獲取或設(shè)置在HTML中選項(xiàng)的呈現(xiàn)方式,可選方式包括table元素、ul元素、ol元素和span元素。TextAlign獲取或設(shè)置組內(nèi)復(fù)選框的文本對齊方式。10.7單選按鈕組RadioButtonListRadioButtonListForm.aspx文件的代碼如下;<formid="form1"runat="server"><div><asp:RadioButtonListID="RadioButtonList1"runat="server"RepeatDirection="Horizontal"><asp:ListItem>男</asp:ListItem><asp:ListItem>女</asp:ListItem></asp:RadioButtonList><asp:ButtonID="Button1"runat="server"onclick="Button1_Click"Text="Button"/><asp:LabelID="Label1"runat="server"Text="Label"></asp:Label></div></form>10.7單選按鈕組RadioButtonListRadioButtonListForm.aspx.cs文件的代碼如下:protectedvoidButton1_Click(objectsender,EventArgse){if(RadioButtonList1.SelectedIndex==0)Label1.Text="你的選擇是男";elseLabel1.Text="你的選擇是女";}10.8超鏈接HyperlinkASP.NET程序員可以通過兩種方式在網(wǎng)頁上添加超鏈接:一種方式是通過HTML的超鏈接標(biāo)簽<a>直接將超鏈接放在網(wǎng)頁中;另一種方式則是在頁面上放置HyperLinkWeb服務(wù)器控件并將它與一個URL相關(guān)聯(lián)。這兩種方式最后呈現(xiàn)在瀏覽器上時效果是一樣的,但使用HyperLink控件時可以在服務(wù)器代碼中設(shè)置鏈接屬性,比如可以根據(jù)不同的情況動態(tài)地更改鏈接文本或鏈接目標(biāo)。HyperLink控件不僅可以文本方式呈現(xiàn)超鏈接,還可以圖形方式呈現(xiàn)超鏈接。如果是文本鏈接,需要設(shè)置控件的Text屬性;如果要創(chuàng)建一個圖形鏈接,則要將控件的ImageUrl屬性設(shè)置為一個gif、jpg或其它Web支持的圖形文件的URL。如果同時設(shè)置了ImageUrl和Text屬性,則ImageUrl屬性優(yōu)先,即優(yōu)先呈現(xiàn)圖形鏈接。NavigateUrl屬性可以設(shè)置超鏈接的URL。Target屬性可以設(shè)置鏈接頁面的目標(biāo)窗口或框架,其取值可以是窗口名稱或者預(yù)定義的目標(biāo)值(例如_top、_parent等)。需要注意的是,與大多數(shù)Web服務(wù)器控件不同,當(dāng)用戶單擊HyperLink控件時并不會在服務(wù)器代碼中引發(fā)任何事件,只是按照超鏈接的地址進(jìn)行頁面切換。10.8超鏈接Hyperlink名稱說明ID獲取或設(shè)置分配給服務(wù)器控件的標(biāo)識符。(繼承自Control。)Enabled獲取或設(shè)置是否啟用Web服務(wù)器控件。(繼承自WebControl。)ImageHeight獲取或設(shè)置圖像超鏈接的高度。ImageWidth獲取或設(shè)置圖像超鏈接的寬度。ImageUrl獲取或設(shè)置圖像超鏈接中圖像的路徑。NavigateUrl獲取或設(shè)置超鏈接的URL。Target獲取或設(shè)置超鏈接的目標(biāo)窗口或框架。Text獲取或設(shè)置超鏈接的文本。10.8超鏈接HyperlinkHyperLinkForm.aspx文件的代碼如下:<formid="form1"runat="server"><div><asp:ButtonID="Button1"runat="server"onclick="Button1_Click"Text="Button1"/><asp:ButtonID="Button2"runat="server"onclick="Button2_Click"Text="Button2"/><asp:HyperLinkID="HyperLink1"runat="server">HyperLink

</asp:HyperLink></div></form>10.8超鏈接HyperlinkHyperLinkForm.aspx.cs文件的代碼如下:protectedvoidButton1_Click(objectsender,EventArgse){HyperLink1.Text="超鏈接1";HyperLink1.NavigateUrl="HyperLink1.htm";}

protectedvoidButton2_Click(objectsender,EventArgse){HyperLink1.Text="超鏈接2";HyperLink1.NavigateUrl="HyperLink2.htm";}10.9下拉列表DropdownlistDropDownListWeb服務(wù)器控件可以讓用戶從下拉列表的多個選項(xiàng)中選中其中一個選項(xiàng),DropDownList控件的執(zhí)行結(jié)果在HTML中呈現(xiàn)為<select>標(biāo)簽和其中的多個<option>選項(xiàng)。雖然開發(fā)者可以定義下拉列表控件的寬度,但當(dāng)用戶點(diǎn)擊下拉時,開發(fā)者無法控制下拉列表中顯示的選項(xiàng)數(shù)量,當(dāng)選項(xiàng)比較多時,瀏覽器會在列表旁自動顯示滾動條。與復(fù)選框組CheckBoxList和單選按鈕組RadioButtonList控件一樣,DropDownList控件的Items屬性中包含了所有的選項(xiàng),可以通過可視化編輯或者編寫代碼來設(shè)定選項(xiàng)。當(dāng)前所選項(xiàng)可在DropDownList控件的SelectedItem屬性中得到。10.9下拉列表Dropdownlist名稱說明ID獲取或設(shè)置分配給服務(wù)器控件的標(biāo)識符。(繼承自Control。)Enabled獲取或設(shè)置是否啟用Web服務(wù)器控件。(繼承自WebControl。)Items獲取列表控件項(xiàng)的集合。SelectedIndex獲取或設(shè)置控件中的選定項(xiàng)的索引。SelectedItem獲取列表控件中索引最小的選定項(xiàng)。SelectedValue獲取列表控件中選定項(xiàng)的值,或選擇列表控件中包含指定值的項(xiàng)。10.9下拉列表DropdownlistDropDownListForm.aspx文件的代碼如下:<formid="form1"runat="server"><div>

民族<asp:DropDownListID="DropDownList1"runat="server"><asp:ListItem>漢族</asp:ListItem><asp:ListItem>回族</asp:ListItem><asp:ListItem>壯族</asp:ListItem><asp:ListItem>滿族</asp:ListItem></asp:DropDownList><asp:ButtonID="Button1"runat="server"onclick="Button1_Click"Text="提交"/>

您選擇的民族是:<asp:LabelID="Label1"runat="server"Text="Label"></asp:Label></div></form>10.9下拉列表DropdownlistDropDownListForm.aspx.cs文件的代碼如下:namespaceTextBoxCode{publicpartialclassDropDownListForm:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){}

protectedvoidButton1_Click(objectsender,EventArgse){Label1.Text=DropDownList1.SelectedValue;}}}10.10列表框ListBoxListBoxWeb服務(wù)器控件可以讓戶從多個選項(xiàng)組成的列表中選擇一項(xiàng)或多項(xiàng)。與DropDownList控件的不同之處在于,ListBox控件可以一次顯示多個項(xiàng)并使用戶能夠選擇多個項(xiàng)。ListBox控件是一個或多個列表項(xiàng)的容器,Items屬性中包含了所有的選項(xiàng)。Items屬性中的每個ListItem對象列表項(xiàng)都是具有各自的屬性的。對Items屬性的操作方式與復(fù)選框組CheckBoxList、單選按鈕組RadioButtonList、DropDownList控件中的操作完全一致。如果將控件的設(shè)置為單選模式,即SelectionMode屬性值為Single,則與DropDownList控件一樣,當(dāng)前所選項(xiàng)可在ListBox控件的SelectedItem屬性中得到;如果將控件的設(shè)置為多選模式,即SelectionMode屬性值為Multiple,則需要通過循環(huán)遍歷整個Items集合并檢查每個項(xiàng)的Selected屬性來獲取選定的項(xiàng)。10.10列表框ListBox名稱說明ID獲取或設(shè)置分配給服務(wù)器控件的標(biāo)識符。(繼承自Control。)Enabled獲取或設(shè)置是否啟用Web服務(wù)器控件。(繼承自WebControl。)Items獲取列表控件項(xiàng)的集合。SelectedIndex獲取或設(shè)置控件中的選定項(xiàng)的索引。SelectedItem獲取列表控件中索引最小的選定項(xiàng)。SelectedValue獲取列表控件中選定項(xiàng)的值,或選擇列表控件中包含指定值的項(xiàng)。Rows獲取或設(shè)置ListBox控件中顯示的行數(shù)。SelectionMode獲取或設(shè)置ListBox控件的選擇模式。10.10列表框ListBoxListBoxForm.aspx文件的代碼如下:

<formid="form1"runat="server"><div><asp:ListBoxID="ListBox1"runat="server"Rows="3"SelectionMode="Multiple"><asp:ListItem>體育</asp:ListItem><asp:ListItem>游戲</asp:ListItem><asp:ListItem>音樂</asp:ListItem></asp:ListBox><asp:ButtonID="Button1"runat="server"onclick="Button1_Click"Text="提交"/>

你選擇的愛好包括:<asp:LabelID="Label1"runat="server"Text="Label"></asp:Label></div></form>10.10列表框ListBoxListBoxForm.aspx.cs文件的代碼如下:protectedvoidButton1_Click(objectsender,EventArgse){Label1.Text="";foreach(ListItemainListBox1.Items){if(a.Selected)Label1.Text=Label1.Text+a.Value+"";}}10.11驗(yàn)證控件Validator在Web程序與用戶的交互過程中,必須允許用戶出現(xiàn)誤操作,并且可以給出相應(yīng)的提示,這是改善用戶體驗(yàn)的需要。比如,當(dāng)用戶提交數(shù)據(jù)時,有些必須填寫的信息用戶沒有填寫,有些固定格式的信息(比如電子郵件地址、電話號碼等)用戶寫錯了。這類錯誤都適合在瀏覽器端發(fā)現(xiàn)和提示,但需要使用JavaScript來編寫相應(yīng)的腳本程序。另外,出于系統(tǒng)安全的需要,后臺程序還必須再次編寫程序進(jìn)行驗(yàn)證。使用ASP.NET驗(yàn)證控件可以非常方便地檢查網(wǎng)頁中的用戶輸入,而完成許多常用的驗(yàn)證都無需開發(fā)者編寫代碼。當(dāng)然,這依賴于驗(yàn)證控件中封裝了相應(yīng)的后臺代碼以及自動編寫的前臺JavaScript代碼。10.11驗(yàn)證控件Validator控件名稱驗(yàn)證類型

說明

RequiredFieldValidator必填檢查確保用戶必須填寫某個信息,否則提示出錯。CompareValidator對比檢查將用戶輸入的兩個信息進(jìn)行比較,或者將用戶輸入與固定的值進(jìn)行比較,確保小于、等于、大于或不等于,否則提示出錯。RangeValidator范圍檢查確保用戶的輸入是否在指定的上下限范圍內(nèi),否則提示出錯。RegularExpressionValidator模式匹配確保用戶輸入與正則表達(dá)式定義的模式匹配,例如電子郵件地址、電話號碼、郵政編碼等,否則提示出錯。CustomValidator用戶定義使用開發(fā)者自定義的驗(yàn)證邏輯檢查用戶輸入。10.11驗(yàn)證控件Validator10.11驗(yàn)證控件Validator必選驗(yàn)證器<asp:TextBoxID="tbRequiredField"runat="server"></asp:TextBox><asp:RequiredFieldValidatorID="RequiredFieldValidator1"runat="server"ControlToValidate="tbRequiredField"ErrorMessage="RequiredFieldValidator"ForeColor="Red">錯誤提示:此欄目為必填字段</asp:RequiredFieldValidator>對比驗(yàn)證器<asp:TextBoxID="tbCompare1"runat="server"></asp:TextBox><asp:TextBoxID="tbCompare2"runat="server"></asp:TextBox><asp:Com

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論