ASP.NET 基礎(chǔ)控件

2022-06-27 15:40 更新

基礎(chǔ)控件

這在一章節(jié),我們將討論在 ASP.NET 中有效的基礎(chǔ)控件。

按鈕控件

ASP.NET 提供了三種不同類型的按鈕控件:

  • 按鈕:在矩形區(qū)域內(nèi)顯示文本。
  • 鏈接按鈕:像超鏈接一樣顯示文本。
  • 圖像按鈕:顯示圖像。

當(dāng)用戶單擊一個(gè)按鈕時(shí),兩個(gè)事件被觸發(fā):?jiǎn)螕艉椭噶睢?/p>

按鈕控件的基礎(chǔ)語(yǔ)法:

<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Click" / >

按鈕控件的通用屬性:

屬性描述
Text文本顯示在按鈕上。僅對(duì)于按鈕和鏈環(huán)按鈕的控件。
ImageUrl僅對(duì)于圖像按鈕控件。這個(gè)圖像是為了顯示按鈕。
AlternateText僅對(duì)于圖像按鈕控件。如果瀏覽器無(wú)法顯示圖像,替換文本會(huì)顯示。
CausesValidation當(dāng)用戶單擊按鈕時(shí)確定是否執(zhí)行頁(yè)面驗(yàn)證。默認(rèn)為真。
CommandName當(dāng)用戶單擊按鈕時(shí)傳遞給命令事件的字符串值。
CommandArgument當(dāng)用戶單擊按鈕時(shí)傳遞給命令事件的字符串值。
PostBackUrl當(dāng)用戶單擊按鈕時(shí)出現(xiàn)需要的頁(yè)面地址。

文本框和標(biāo)簽

文本框控件是專門接受用戶輸入而設(shè)置。一個(gè)文本框控件可以依據(jù)文本模式的屬性接受一條或多條文本的輸入。

標(biāo)簽控件為顯示文本提供了一個(gè)簡(jiǎn)單的方法,這種方法能夠從執(zhí)行一個(gè)頁(yè)面到下一個(gè)頁(yè)面。如果想要顯示一個(gè)不變的文本,那么您可以使用文字文本。

正文控制的基本語(yǔ)法:

<asp:TextBox ID="txtstate" runat="server" ></asp:TextBox>

文本框和標(biāo)簽的通用屬性:

屬性描述
TextMode指定文本框類型。單行模式創(chuàng)建標(biāo)準(zhǔn)文本,多行模式創(chuàng)建能夠接受多個(gè)文本,口令會(huì)引發(fā)輸入待標(biāo)記的字符。默認(rèn)為標(biāo)準(zhǔn)文本。
Text文本框的文本內(nèi)容。
MaxLength輸入文本框中文本字符的最大值。
Wrap它確定多行文本框中文本是否自動(dòng)換行的;默認(rèn)值是真。
ReadOnly確定用戶是否可以更改框中的文本;默認(rèn)為假,即用戶可以更改文本。
Columns在字符的文本框的寬度。實(shí)際寬度是基于用于文本輸入的字體來(lái)確定。
Rows多行文本框的高度。默認(rèn)值是 0,表示一個(gè)單行文本框。

大多使用屬性的標(biāo)簽控件是 'Text',它代表在標(biāo)簽上顯示的文本。

復(fù)選框和單選按鈕

一個(gè)復(fù)選框?qū)@示一個(gè)選項(xiàng),用戶可以選中或取消。單選按鈕呈現(xiàn)一組用戶可以只選擇一個(gè)選項(xiàng)的選項(xiàng)組。

如果要?jiǎng)?chuàng)建一組單選按鈕,您可以為每個(gè)單選按鈕組中的組名屬性指定相同的名稱。如果一個(gè)以上的組需要呈現(xiàn)一個(gè)單一的形式,則指定每個(gè)組不同的組的名稱。

如果您想按照最初顯示的形式來(lái)選中復(fù)選框或單選按鈕,可將其選中屬性為 true。如果多個(gè)單選按鈕在一組的屬性設(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ù)選框和單選按鈕的通用屬性:

屬性描述
Text在復(fù)選框或單選按鈕旁邊顯示的文本。
Checked制定是否被選中,默認(rèn)為未選中。
GroupName控件歸屬組的名稱。

列表控件

ASP.NET 提供以下控件:

  • 下拉式列表,
  • 列表框,
  • 單選按鈕列表,
  • 復(fù)選框列表,
  • 項(xiàng)目符號(hào)列表。

這些控件讓用戶可以從一個(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>

列表框和下拉列表的通用屬性:

屬性描述
Items代表了控件內(nèi)項(xiàng)目的 ListItem 對(duì)象的集合。此屬性回傳 ListItemCollection 類型的對(duì)象。
Rows指定在框中顯示的項(xiàng)目數(shù)。如果實(shí)際的列表中比顯示的列表包含更多的行,則滾動(dòng)條會(huì)被添加。
SelectedIndex當(dāng)前所選項(xiàng)目的索引。如果一個(gè)以上的項(xiàng)目被選擇,則第一個(gè)索引選擇項(xiàng)目。如果沒有選擇項(xiàng)目,此屬性的值為 -1。
SelectedValue當(dāng)前選定項(xiàng)的值。如果一個(gè)以上的項(xiàng)目被選擇,則第一項(xiàng)的值被選擇。如果沒有選中的項(xiàng),該屬性的值是一個(gè)空字符串("")。
SelectionMode表示一個(gè)列表框是否允許單個(gè)選擇或多個(gè)選擇。

每個(gè)列表項(xiàng)對(duì)象的通用屬性:

屬性描述
Text為項(xiàng)目所顯示的文本。
Selected表示項(xiàng)目是否被選定。
Value與項(xiàng)目相關(guān)的一串字符。

需要重點(diǎn)關(guān)注的是:

  • 如果您要在一個(gè)下拉列表或列表框中的項(xiàng)目工作,則需使用該控件的項(xiàng)目屬性。此屬性返回一個(gè) ListItemCollection 對(duì)象,它包含該列表的所有項(xiàng)目。
  • 當(dāng)用戶從下拉列表或列表框中選擇一個(gè)不同的項(xiàng)目時(shí),SelectedIndexChanged 事件被引發(fā)。

ListItemCollection

ListItemCollection 對(duì)象是 ListItem 對(duì)象的集合。每個(gè) ListItem 對(duì)象代表列表中的一個(gè)項(xiàng)目。在一個(gè) ListItemCollection 中項(xiàng)目編號(hào)從 0 開始。

當(dāng)一個(gè)列表框中的項(xiàng)目被加載過(guò)程中使用的字符串是比如:lstcolor.Items.Add ("Blue") 時(shí),那么文字和列表項(xiàng)的值的屬性設(shè)置是您指定的字符串值。為了以不同的方式設(shè)置,你必須創(chuàng)建一個(gè)列表項(xiàng)的對(duì)象,然后添加該項(xiàng)目到集合。

ListItemCollection 編輯器用于將項(xiàng)目添加到一個(gè)下拉列表或列表框。它被用來(lái)創(chuàng)建項(xiàng)目的靜態(tài)列表。若要顯示集合編輯器,則從智能標(biāo)簽菜單中選擇編輯項(xiàng)目,或者選擇控件,然后在屬性窗口的項(xiàng)目屬性中單擊省略號(hào)按鈕。

ListItemCollection 的通用屬性:

屬性描述
Item(integer)表示在指定索引處的項(xiàng)目的 ListItem 對(duì)象。
Count在集合中項(xiàng)目的個(gè)數(shù)。

ListItemCollection 的基本方法:

方法描述
Add(string)在集合的末端增加一個(gè)新的項(xiàng)目并為項(xiàng)目文本屬性分配字符串參數(shù)。
Add(ListItem)在集合末端添加一個(gè)新的項(xiàng)目。
Insert(integer, string)在集合中指定索引位置插入項(xiàng)目,并為項(xiàng)目文本屬性分配字符串參數(shù)。
Insert(integer, ListItem)在集合中指定索引中的位置插入項(xiàng)目。
Remove(string)移除與文本值相同的字符串的項(xiàng)目。
Remove(ListItem)移除指定的項(xiàng)目。
RemoveAt(integer)作為整數(shù)移除在指定索引中的項(xiàng)目。
Clear移除集合中所有項(xiàng)目。
FindByValue(string)傳回與字符串值相同的項(xiàng)目。
FindByValue(Text)傳回與字符串文本相同的項(xiàng)目。

單選按鈕列表和復(fù)選框列表

單選按鈕列表呈現(xiàn)互相排斥的選項(xiàng)列表。一個(gè)復(fù)選框列表列呈現(xiàn)獨(dú)立選項(xiàng)的列表。這些控件包含 ListItem 對(duì)象的集合,它們可以通過(guò)控件的項(xiàng)目屬性被參考。

單選按鈕列表的基本語(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ù)選框和單選按鈕列表的通用屬性:

屬性描述
RepeatLayout該屬性指定在提出格式化列表過(guò)程中是否使用標(biāo)簽或普通 HTML 流。默認(rèn)為表格。
RepeatDirection它指定了方向,在該方向中控件可以被重復(fù)??捎玫闹凳撬胶痛怪?。默認(rèn)是垂直的。
RepeatColumns當(dāng)重復(fù)控件時(shí),它指定了列的數(shù)字;默認(rèn)為 0。

項(xiàng)目符號(hào)列表和編號(hào)列表

項(xiàng)目符號(hào)列表控件創(chuàng)建項(xiàng)目符號(hào)列表或編號(hào)列表。這些控件包含 ListItem 對(duì)象的集合,它們可以通過(guò)控件的項(xiàng)目屬性被參考。

項(xiàng)目符號(hào)列表的基本語(yǔ)法:

<asp:BulletedList ID="BulletedList1" runat="server">
</asp:BulletedList>

項(xiàng)目符號(hào)列表的通用屬性:

屬性描述
BulletStyle該屬性指定樣式和項(xiàng)目編號(hào)的外觀或者數(shù)字。
RepeatDirection它指定了方向,在該方向中控件可以被重復(fù)。可用的值是水平和垂直。默認(rèn)是垂直的。
RepeatColumns當(dāng)重復(fù)控件時(shí),它指定了列的數(shù)字;默認(rèn)為 0。

超鏈接控件

超鏈接控件就像 HTML <a> 元素。

超鏈接控件的基本語(yǔ)法:

<asp:HyperLink ID="HyperLink1" runat="server">
   HyperLink
</asp:HyperLink>

它具有以下屬性:

屬性描述
ImageUrl由控件顯示的圖像的路徑。
NavigateUrl目標(biāo)鏈接地址。
Text作為鏈接顯示的文本。
Target加載鏈接頁(yè)面的窗口或框架。

圖像控件

若圖片無(wú)法顯示,圖像控件則在網(wǎng)頁(yè),或者一些替代文本上顯示圖片。

圖像控件的基本語(yǔ)法:

<asp:Image ID="Image1" runat="server">

它具有以下重要屬性:

屬性描述
AlternateText圖片不存在時(shí)顯示替代文本。
ImageAlign對(duì)齊選項(xiàng)控件。
ImageUrl由控件顯示的圖像的路徑。
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)