在本章中,我們將討論和學(xué)習(xí)ASP.NET中可用的基本控件。
ASP.NET提供了三種類(lèi)型的按鈕控件:
當(dāng)用戶點(diǎn)擊一個(gè)按鈕時(shí),會(huì)引發(fā)兩個(gè)事件:點(diǎn)擊和命令。
按鈕控制的基本語(yǔ)法:
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="提交" / >
按鈕控件的常見(jiàn)屬性:
編號(hào) | 屬性 | 描述 |
---|---|---|
1 | Text |
顯示在按鈕上的文本,這僅適用于按鈕和鏈接按鈕控件。 |
2 | ImageUrl |
僅限圖像按鈕控件,要為按鈕顯示的圖像。 |
3 | AlternateText |
僅限圖像按鈕控件,如果瀏覽器無(wú)法顯示圖像,則顯示文本。 |
4 | CausesValidation |
確定用戶單擊按鈕時(shí)是否發(fā)生頁(yè)面驗(yàn)證,默認(rèn)值是true 。 |
5 | CommandName |
當(dāng)用戶單擊按鈕時(shí)傳遞給命令事件的字符串值。 |
6 | CommandArgument |
當(dāng)用戶單擊按鈕時(shí)傳遞給命令事件的字符串值。 |
7 | PostBackUrl |
用戶單擊按鈕時(shí)請(qǐng)求的頁(yè)面的URL。 |
文本框控件通常用于接受來(lái)自用戶的輸入。 文本框控件可以接受一行或多行文本,具體取決于TextMode
屬性的設(shè)置。
標(biāo)簽控件提供了一種簡(jiǎn)單的方法來(lái)顯示可以從一個(gè)頁(yè)面執(zhí)行到下一個(gè)執(zhí)行的文本。 如果要顯示不變的文字,請(qǐng)使用文本文字。
文本控件的基本語(yǔ)法:
<asp:TextBox ID="txtstate" runat="server" ></asp:TextBox>
文本框和標(biāo)簽的常見(jiàn)屬性:
編號(hào) | 屬性 | 描述 |
---|---|---|
1 | TextMode |
指定文本框的類(lèi)型。 SingleLine 創(chuàng)建一個(gè)標(biāo)準(zhǔn)的文本框,MultiLIne 創(chuàng)建一個(gè)接受多行文本的文本框,并且Password 使輸入的字符被屏蔽。 默認(rèn)是SingleLine 。 |
2 | Text |
文本框的文本內(nèi)容。 |
3 | MaxLength |
可以輸入文本框的最大字符數(shù)。 |
4 | Wrap |
它決定文本是否自動(dòng)換行為多行文本框; 默認(rèn)是True 。 |
5 | ReadOnly |
確定用戶是否可以更改框中的文本; 默認(rèn)是False ,即用戶不能改變文本。 |
6 | Columns |
文本框的寬度以字符表示。實(shí)際寬度是根據(jù)用于文本輸入的字體確定的。 |
7 | Rows |
多行文本框的高度。 默認(rèn)值是0 ,表示單行文本框。 |
標(biāo)簽控件最常用的屬性是Text,這意味著標(biāo)簽上顯示的文本。
復(fù)選框顯示一個(gè)選項(xiàng),用戶可以選中或取消選中,單選按鈕顯示一組選項(xiàng),用戶只能從中選擇一個(gè)選項(xiàng)。
要?jiǎng)?chuàng)建一組單選按鈕,請(qǐng)為該組中的每個(gè)單選按鈕的GroupName
屬性指定相同的名稱。 如果一個(gè)表單中需要多個(gè)組,則為每個(gè)組指定一個(gè)不同的組名稱。
如果希望最初顯示表單時(shí)選中復(fù)選框或單選按鈕,請(qǐng)將其“Checked”
屬性設(shè)置為true
。 如果組中的多個(gè)單選按鈕的Checked
屬性設(shè)置為true
,則只有最后一個(gè)被認(rèn)為是true
。
復(fù)選框的基本語(yǔ)法:
<asp:CheckBox ID= "chkoption" runat= "Server"> </asp:CheckBox>
單選按鈕的基本語(yǔ)法:
<asp:RadioButton ID= "rdboption" runat= "Server"> </asp: RadioButton>
復(fù)選框和單選按鈕的常用屬性:
編號(hào) | 屬性 | 描述 |
---|---|---|
1 | Text |
復(fù)選框或單選按鈕旁邊顯示的文本。 |
2 | Checked |
指定是否被選中,默認(rèn)為false 。 |
3 | GroupName |
控件所屬的組的名稱。 |
ASP.NET提供了以下控件
這些控制讓用戶從列表中選擇一個(gè)或多個(gè)項(xiàng)目。列表框和下拉列表包含一個(gè)或多個(gè)列表項(xiàng)。 這些列表可以通過(guò)代碼或ListItemCollection
編輯器加載。
列表框控件的基本語(yǔ)法:
<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ListBox1_SelectedIndexChanged"></asp:ListBox>
下拉列表控制的基本語(yǔ)法:
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"></asp:DropDownList>
列表框和下拉列表的常見(jiàn)屬性列表:
編號(hào) | 屬性 | 描述 |
---|---|---|
1 | Items |
表示控件中項(xiàng)目的ListItem 對(duì)象的集合。這個(gè)屬性返回一個(gè)ListItemCollection 類(lèi)型的對(duì)象。 |
2 | Rows |
指定框中顯示的項(xiàng)目數(shù)量。 如果實(shí)際列表包含比顯示更多的行,則會(huì)添加一個(gè)滾動(dòng)條。 |
3 | SelectedIndex |
當(dāng)前選定項(xiàng)目的索引。如果選擇多個(gè)項(xiàng)目,則選擇第一個(gè)項(xiàng)目的索引。 如果未選擇項(xiàng)目,則此屬性的值為-1 。 |
4 | SelectedValue |
當(dāng)前選擇的項(xiàng)目的值。如果選擇多個(gè)項(xiàng)目,則選擇第一個(gè)選定項(xiàng)目的值。如果未選擇項(xiàng)目,則此屬性的值為空字符串("" )。 |
5 | SelectionMode |
指示列表框是允許單個(gè)選擇還是多個(gè)選擇。 |
每個(gè)列表項(xiàng)目對(duì)象的通用屬性:
編號(hào) | 屬性 | 描述 |
---|---|---|
1 | Text |
顯示該項(xiàng)目的文本。 |
2 | Selected |
指示是否選擇該項(xiàng)目。 |
3 | Value |
與該項(xiàng)目關(guān)聯(lián)的字符串值。 |
要注意:
Items
屬性。該屬性返回一個(gè)ListItemCollection
對(duì)象,其中包含列表的所有項(xiàng)目。SelectedIndexChanged
事件。ListItemCollection
對(duì)象是ListItem
對(duì)象的集合。每個(gè)ListItem
對(duì)象表示列表中的一個(gè)項(xiàng)目。ListItemCollection
中的項(xiàng)目從0
開(kāi)始編號(hào)。
當(dāng)使用字符串加載列表框中的項(xiàng)目時(shí),例如:lstcolor.Items.Add("Blue")
,則列表項(xiàng)目的Text
和Value
屬性都將設(shè)置為指定的字符串值。要設(shè)置它不同,必須創(chuàng)建一個(gè)列表項(xiàng)目對(duì)象,然后將該項(xiàng)目添加到集合。
ListItemCollection
編輯器用于將項(xiàng)目添加到下拉列表或列表框中。這用于創(chuàng)建項(xiàng)目的靜態(tài)列表。 要顯示集合編輯器,請(qǐng)從智能標(biāo)記菜單中選擇編輯項(xiàng)目,或選擇控件,然后單擊屬性窗口中的項(xiàng)目屬性中的省略號(hào)按鈕。
ListItemCollection
的通用屬性:
編號(hào) | 屬性 | 描述 |
---|---|---|
1 | Item(integer) |
表示指定索引處的項(xiàng)目的ListItem 對(duì)象。 |
2 | Count |
集合中的項(xiàng)目數(shù)量。 |
ListItemCollection
的常用方法:
編號(hào) | 方法 | 描述 |
---|---|---|
1 | Add(string) |
在集合的末尾添加一個(gè)新項(xiàng)目,并將字符串參數(shù)分配給項(xiàng)目的Text 屬性。 |
2 | Add(ListItem) |
在集合的末尾添加一個(gè)新項(xiàng)目。 |
3 | Insert(integer, string) |
在集合中的指定索引位置插入項(xiàng)目,并將字符串參數(shù)分配給項(xiàng)目的文本屬性。 |
4 | Insert(integer, ListItem) |
將項(xiàng)目插入集合中指定的索引位置。 |
5 | Remove(string) |
刪除文本值與字符串相同的項(xiàng)目。 |
6 | Remove(ListItem) |
刪除指定的項(xiàng)目。 |
7 | RemoveAt(integer) |
以整數(shù)形式刪除指定索引處的項(xiàng)目。 |
8 | Clear |
刪除集合中的所有項(xiàng)目。 |
9 | FindByValue(string) |
返回值與字符串相同的項(xiàng)目。 |
10 | FindByValue(Text) |
返回文本與字符串相同的項(xiàng)目。 |
單選按鈕列表顯示了一個(gè)互斥選項(xiàng)列表。 復(fù)選框列表顯示了獨(dú)立選項(xiàng)的列表。 這些控件包含可以通過(guò)控件的Items
屬性引用的ListItem
對(duì)象的集合。
單選按鈕列表的基本語(yǔ)法:
<asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True"
OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged">
</asp:RadioButtonList>
復(fù)選框列表的基本語(yǔ)法:
<asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True"
OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged">
</asp:CheckBoxList>
復(fù)選框和單選按鈕列表的常用屬性:
編號(hào) | 屬性 | 描述 |
---|---|---|
1 | RepeatLayout |
此屬性指定在呈現(xiàn)時(shí)格式化列表時(shí)是使用表標(biāo)記還是正常的html 流。默認(rèn)值是Table 。 |
2 | RepeatDirection |
它規(guī)定了重復(fù)控制的方向,可用的值是Horizontal 和Vertical 。默認(rèn)是Vertical 。 |
3 | RepeatColumns |
它指定重復(fù)控件時(shí)要使用的列數(shù)。默認(rèn)為0 。 |
項(xiàng)目符號(hào)列表控件創(chuàng)建項(xiàng)目符號(hào)列表或編號(hào)列表。 這些控件包含可以通過(guò)控件的Items
屬性引用ListItem
對(duì)象的集合。
項(xiàng)目符號(hào)列表的基本語(yǔ)法:
<asp:BulletedList ID="BulletedList1" runat="server">
</asp:BulletedList>
項(xiàng)目符號(hào)列表的通用屬性:
編號(hào) | 屬性 | 描述 |
---|---|---|
1 | BulletStyle |
此屬性指定項(xiàng)目符號(hào)或編號(hào)的樣式和外觀。 |
2 | RepeatDirection |
它規(guī)定了重復(fù)控制的方向??捎玫闹凳?code>Horizontal和Vertical 。 默認(rèn)是Vertical 。 |
3 | RepeatColumns |
它指定重復(fù)控件時(shí)要使用的列數(shù)。 默認(rèn)為0 。 |
HyperLink
控件就像HTML <a>
元素。
超鏈接控件的基本語(yǔ)法:
<asp:HyperLink ID="HyperLink1" runat="server">
HyperLink
</asp:HyperLink>
它具有以下重要屬性:
編號(hào) | 屬性 | 描述 |
---|---|---|
1 | ImageUrl |
要由控件顯示的圖像的路徑。 |
2 | NavigateUrl |
目標(biāo)鏈接網(wǎng)址。 |
3 | Text |
要顯示作為鏈接的文本。 |
4 | Target |
加載鏈接頁(yè)面的窗口或框架。 |
圖像控件用于在網(wǎng)頁(yè)上顯示圖像,或者如果圖像不可用,則使用其他文本。
圖像控件的基本語(yǔ)法:
<asp:Image ID="Image1" runat="server">
它具有以下重要屬性:
編號(hào) | 屬性 | 描述 |
---|---|---|
1 | AlternateText |
在沒(méi)有圖像的情況下顯示替代文字。 |
2 | ImageAlign |
控件的對(duì)齊選項(xiàng)。 |
3 | ImageUrl |
控件要顯示的圖像的路徑。 |