ASP.NET - 基本控件

在本章中,我们将讨论 ASP.NET 中可用的基本控件。

按钮控件

ASP.NET提供了三种类型的按钮控件:

  • 按钮:在矩形区域内显示文本。

  • 链接按钮:它显示看起来像超链接的文本。

  • 图像按钮:显示图像。

当用户单击按钮时,会引发两个事件:单击和命令。

按钮控件的基本语法:

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

按钮控件的常用属性:

属性 描述
Text 按钮上显示的文本。 这仅适用于按钮和链接按钮控件。
ImageUrl 仅适用于图像按钮控件。 要为按钮显示的图像。
AlternateText 仅适用于图像按钮控件。 当浏览器无法显示图像时要显示的文本。
CausesValidation 确定当用户单击按钮时是否发生页面验证。 默认为 true。
CommandName 当用户单击按钮时传递给命令事件的字符串值。
CommandArgument 当用户单击按钮时传递给命令事件的字符串值。
PostBackUrl 用户单击按钮时请求的页面的 URL。

文本框和标签

文本框控件通常用于接受用户的输入。 文本框控件可以接受一行或多行文本,具体取决于 TextMode 属性的设置。

标签控件提供了一种显示文本的简单方法,该文本可以在页面的一次执行到下一次执行之间更改。 如果您想显示不改变的文本,请使用文字文本。

文本控件的基本语法:

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

文本框和标签的常用属性:

属性 描述
TextMode 指定文本框的类型。 SingleLine 创建一个标准文本框,MultiLine 创建一个接受多行文本的文本框,而密码则导致输入的字符被屏蔽。 默认为单行。
Text 文本框的文本内容。
MaxLength 文本框中可以输入的最大字符数。
Wrap 判断多行文本框文本是否自动换行; 默认为 true。
ReadOnly 确定用户是否可以更改框中的文本; 默认为 false,即用户不能更改文本。
Columns 文本框的宽度(以字符为单位)。 实际宽度根据文本输入所使用的字体确定。
Rows 多行文本框的高度(以行为单位)。 默认值为0,表示单行文本框。

标签控件最常用的属性是"Text",它表示标签上显示的文本。

复选框和单选按钮

复选框显示一个选项,用户可以选中或取消选中,单选按钮显示一组选项,用户只能从中选择一个选项。

要创建一组单选按钮,请为组中每个单选按钮的 GroupName 属性指定相同的名称。 如果单个表单中需要多个组,则为每个组指定不同的组名称。

如果您希望在最初显示表单时选择复选框或单选按钮,请将其 Checked 属性设置为 true。 如果组中多个单选按钮的 Checked 属性设置为 true,则只有最后一个被视为 true。

复选框的基本语法:

<asp:CheckBox ID= "chkoption" runat= "Server"> 
</asp:CheckBox>

单选按钮的基本语法:

<asp:RadioButton ID= "rdboption" runat= "Server"> 
</asp: RadioButton>

复选框和单选按钮的共同属性:

属性 描述
Text 复选框或单选按钮旁边显示的文本。
Checked 指定是否选中,默认为 false。
GroupName 控件所属组的名称。

列表控件

ASP.NET提供了以下控件

  • 下拉列表,
  • 列表框,
  • 单选按钮列表,
  • 复选框列表,
  • 项目符号列表。

这些控件允许用户从列表中选择一个或多个项目。 列表框和下拉列表包含一个或多个列表项。 这些列表可以通过代码或 ListItemCollection 编辑器加载。

列表框控件的基本语法:

<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True"    OnSelectedIndexChanged="ListBox1_SelectedIndexChanged">
</asp:ListBox>

下拉列表控件的基本语法:

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True"   OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
</asp:DropDownList>

列表框和下拉列表的共同属性:

属性 描述
Items 表示控件中的项的 ListItem 对象的集合。 此属性返回 ListItemCollection 类型的对象。
Rows 指定框中显示的项目数。 如果实际列表包含的行数多于显示的行数,则添加滚动条。
SelectedIndex 当前所选项目的索引。 如果选择了多个项目,则为第一个选定项目的索引。 如果没有选择任何项目,则该属性的值为-1。
SelectedValue 当前所选项目的值。 如果选择了多个项目,则为第一个选定项目的值。 如果未选择任何项目,则此属性的值为空字符串 ("")。
SelectionMode 指示列表框是否允许单选或多选。

每个列表项对象的共同属性:

属性 描述
Text 为该项目显示的文本。
Selected 指示该项目是否被选中。
Value 与项目关联的字符串值。

需要注意的是:

  • 要使用下拉列表或列表框中的项目,可以使用控件的 Items 属性。 此属性返回一个 ListItemCollection 对象,其中包含列表的所有项目。

  • 当用户从下拉列表或列表框中选择不同的项目时,将引发 SelectedIndexChanged 事件。

ListItemCollection

ListItemCollection 对象是 ListItem 对象的集合。 每个 ListItem 对象代表列表中的一项。 ListItemCollection 中的项目从 0 开始编号。

当使用类似 lstcolor.Items.Add("Blue") 的字符串将项目加载到列表框中时,列表项的 Text 和 Value 属性都将设置为您指定的字符串值。 要以不同方式设置它,您必须创建一个列表项对象,然后将该项目添加到集合中。

ListItemCollection 编辑器用于将项目添加到下拉列表或列表框。 这用于创建项目的静态列表。 要显示集合编辑器,请从智能标记菜单中选择编辑项目,或选择控件,然后单击属性窗口中 Item 属性中的省略号按钮。

ListItemCollection的常用属性:

属性 描述
Item(integer) 一个 ListItem 对象,表示指定索引处的项目。
Count 集合中的项目数量。

ListItemCollection常用方法:

方法 描述
Add(string) 在集合末尾添加一个新项目,并将字符串参数分配给该项目的 Text 属性。
Add(ListItem) 在集合末尾添加新项目。
Insert(integer, string) 在集合中的指定索引位置插入一个项目,并将字符串参数分配给该项目的文本属性。
Insert(integer, ListItem) 将项目插入集合中指定的索引位置。
Remove(string) 删除文本值与字符串相同的项目。
Remove(ListItem) 删除指定的项目。
RemoveAt(integer) 以整数形式删除指定索引处的项目。
Clear 删除集合中的所有项目。
FindByValue(string) 返回值与字符串相同的项目。
FindByValue(Text) 返回文本与字符串相同的项目。

单选按钮列表和复选框列表

单选按钮列表显示互斥选项的列表。 复选框列表显示独立选项的列表。 这些控件包含 ListItem 对象的集合,可以通过控件的 Items 属性引用这些对象。

单选按钮列表的基本语法:

<asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" 
   OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged">
</asp:RadioButtonList>

复选框列表的基本语法:

<asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True" 
   OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged">
</asp:CheckBoxList>

复选框和单选按钮列表的共同属性:

属性 描述
RepeatLayout 此属性指定在呈现列表时格式化列表时是使用表标签还是正常的 html 流。 默认为表格。
RepeatDirection 指定控件重复的方向。 可用值有水平和垂直。 默认为垂直。
RepeatColumns 指定重复控件时要使用的列数; 默认值为 0。

项目符号列表和编号列表

项目符号列表控件创建项目符号列表或编号列表。 这些控件包含 ListItem 对象的集合,可以通过控件的 Items 属性引用这些对象。

项目符号列表的基本语法:

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

项目符号列表的常见属性:

属性 描述
BulletStyle 此属性指定项目符号或数字的样式和外观。
RepeatDirection 指定控件重复的方向。 可用值有水平和垂直。 默认为垂直。
RepeatColumns 指定重复控件时要使用的列数; 默认为 0。

超链接控制

HyperLink 控件类似于 HTML <a> 元素。

超链接控件的基本语法:

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

它具有以下重要属性:

属性 描述
ImageUrl 控件要显示的图像的路径。
NavigateUrl 目标链接 URL。
Text 要显示为链接的文本。
Target 加载链接页面的窗口或框架。

图像控制

图像控件用于在网页上显示图像,或者在图像不可用时显示一些替代文本。

图像控件的基本语法:

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

它具有以下重要属性:

属性 描述
AlternateText 在没有图像的情况下显示的替代文本。
ImageUrl 控件的对齐选项。
ImageUrl 控件要显示的图像的路径。