在本章中,我们将讨论和学习ASP.NET中可用的基本控件。
按钮控件
ASP.NET提供了三种类型的按钮控件:
- 按钮:它显示矩形区域内的文字。
- 链接按钮:它显示看起来像超链接的文字。
- 图像按钮:显示图像。
当用户点击一个按钮时,会引发两个事件:点击和命令。
按钮控制的基本语法:
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="提交" / >
按钮控件的常见属性:
| 编号 | 属性 | 描述 |
|---|---|---|
| 1 | Text |
显示在按钮上的文本,这仅适用于按钮和链接按钮控件。 |
| 2 | ImageUrl |
仅限图像按钮控件,要为按钮显示的图像。 |
| 3 | AlternateText |
仅限图像按钮控件,如果浏览器无法显示图像,则显示文本。 |
| 4 | CausesValidation |
确定用户单击按钮时是否发生页面验证,默认值是true。 |
| 5 | CommandName |
当用户单击按钮时传递给命令事件的字符串值。 |
| 6 | CommandArgument |
当用户单击按钮时传递给命令事件的字符串值。 |
| 7 | PostBackUrl |
用户单击按钮时请求的页面的URL。 |
文本框和标签
文本框控件通常用于接受来自用户的输入。 文本框控件可以接受一行或多行文本,具体取决于TextMode属性的设置。
标签控件提供了一种简单的方法来显示可以从一个页面执行到下一个执行的文本。 如果要显示不变的文字,请使用文本文字。
文本控件的基本语法:
<asp:TextBox ID="txtstate" runat="server" ></asp:TextBox>
文本框和标签的常见属性:
| 编号 | 属性 | 描述 |
|---|---|---|
| 1 | TextMode |
指定文本框的类型。 SingleLine创建一个标准的文本框,MultiLIne创建一个接受多行文本的文本框,并且Password使输入的字符被屏蔽。 默认是SingleLine。 |
| 2 | Text |
文本框的文本内容。 |
| 3 | MaxLength |
可以输入文本框的最大字符数。 |
| 4 | Wrap |
它决定文本是否自动换行为多行文本框; 默认是True。 |
| 5 | ReadOnly |
确定用户是否可以更改框中的文本; 默认是False,即用户不能改变文本。 |
| 6 | Columns |
文本框的宽度以字符表示。实际宽度是根据用于文本输入的字体确定的。 |
| 7 | 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>
复选框和单选按钮的常用属性:
| 编号 | 属性 | 描述 |
|---|---|---|
| 1 | Text |
复选框或单选按钮旁边显示的文本。 |
| 2 | Checked |
指定是否被选中,默认为false。 |
| 3 | 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>
列表框和下拉列表的常见属性列表:
| 编号 | 属性 | 描述 |
|---|---|---|
| 1 | Items |
表示控件中项目的ListItem对象的集合。这个属性返回一个ListItemCollection类型的对象。 |
| 2 | Rows |
指定框中显示的项目数量。 如果实际列表包含比显示更多的行,则会添加一个滚动条。 |
| 3 | SelectedIndex |
当前选定项目的索引。如果选择多个项目,则选择第一个项目的索引。 如果未选择项目,则此属性的值为-1。 |
| 4 | SelectedValue |
当前选择的项目的值。如果选择多个项目,则选择第一个选定项目的值。如果未选择项目,则此属性的值为空字符串("")。 |
| 5 | SelectionMode |
指示列表框是允许单个选择还是多个选择。 |
每个列表项目对象的通用属性:
| 编号 | 属性 | 描述 |
|---|---|---|
| 1 | Text |
显示该项目的文本。 |
| 2 | Selected |
指示是否选择该项目。 |
| 3 | Value |
与该项目关联的字符串值。 |
要注意:
- 要使用下拉列表或列表框中的项目,可以使用控件的
Items属性。该属性返回一个ListItemCollection对象,其中包含列表的所有项目。 - 当用户从下拉列表或列表框中选择不同的项目时,引发
SelectedIndexChanged事件。
ListItemCollection
ListItemCollection对象是ListItem对象的集合。每个ListItem对象表示列表中的一个项目。ListItemCollection中的项目从0开始编号。
当使用字符串加载列表框中的项目时,例如:lstcolor.Items.Add("Blue"),则列表项目的Text和Value属性都将设置为指定的字符串值。要设置它不同,必须创建一个列表项目对象,然后将该项目添加到集合。
ListItemCollection编辑器用于将项目添加到下拉列表或列表框中。这用于创建项目的静态列表。 要显示集合编辑器,请从智能标记菜单中选择编辑项目,或选择控件,然后单击属性窗口中的项目属性中的省略号按钮。
ListItemCollection的通用属性:
| 编号 | 属性 | 描述 |
|---|---|---|
| 1 | Item(integer) |
表示指定索引处的项目的ListItem对象。 |
| 2 | Count |
集合中的项目数量。 |
ListItemCollection的常用方法:
| 编号 | 方法 | 描述 |
|---|---|---|
| 1 | Add(string) |
在集合的末尾添加一个新项目,并将字符串参数分配给项目的Text属性。 |
| 2 | Add(ListItem) |
在集合的末尾添加一个新项目。 |
| 3 | Insert(integer, string) |
在集合中的指定索引位置插入项目,并将字符串参数分配给项目的文本属性。 |
| 4 | Insert(integer, ListItem) |
将项目插入集合中指定的索引位置。 |
| 5 | Remove(string) |
删除文本值与字符串相同的项目。 |
| 6 | Remove(ListItem) |
删除指定的项目。 |
| 7 | RemoveAt(integer) |
以整数形式删除指定索引处的项目。 |
| 8 | Clear |
删除集合中的所有项目。 |
| 9 | FindByValue(string) |
返回值与字符串相同的项目。 |
| 10 | FindByValue(Text) |
返回文本与字符串相同的项目。 |
单选按钮列表和复选框列表
单选按钮列表显示了一个互斥选项列表。 复选框列表显示了独立选项的列表。 这些控件包含可以通过控件的Items属性引用的ListItem对象的集合。
单选按钮列表的基本语法:
<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>
复选框和单选按钮列表的常用属性:
| 编号 | 属性 | 描述 |
|---|---|---|
| 1 | RepeatLayout |
此属性指定在呈现时格式化列表时是使用表标记还是正常的html流。默认值是Table。 |
| 2 | RepeatDirection |
它规定了重复控制的方向,可用的值是Horizontal和Vertical。默认是Vertical。 |
| 3 | RepeatColumns |
它指定重复控件时要使用的列数。默认为0。 |
项目符号列表和编号列表
项目符号列表控件创建项目符号列表或编号列表。 这些控件包含可以通过控件的Items属性引用ListItem对象的集合。
项目符号列表的基本语法:
<asp:BulletedList ID="BulletedList1" runat="server">
</asp:BulletedList>
项目符号列表的通用属性:
| 编号 | 属性 | 描述 |
|---|---|---|
| 1 | BulletStyle |
此属性指定项目符号或编号的样式和外观。 |
| 2 | RepeatDirection |
它规定了重复控制的方向。可用的值是Horizontal和Vertical。 默认是Vertical。 |
| 3 | RepeatColumns |
它指定重复控件时要使用的列数。 默认为0。 |
超链接控件
HyperLink控件就像HTML <a>元素。
超链接控件的基本语法:
<asp:HyperLink ID="HyperLink1" runat="server">
HyperLink
</asp:HyperLink>
它具有以下重要属性:
| 编号 | 属性 | 描述 |
|---|---|---|
| 1 | ImageUrl |
要由控件显示的图像的路径。 |
| 2 | NavigateUrl |
目标链接网址。 |
| 3 | Text |
要显示作为链接的文本。 |
| 4 | Target |
加载链接页面的窗口或框架。 |
图像控件
图像控件用于在网页上显示图像,或者如果图像不可用,则使用其他文本。
图像控件的基本语法:
<asp:Image ID="Image1" runat="server">
它具有以下重要属性:
| 编号 | 属性 | 描述 |
|---|---|---|
| 1 | AlternateText |
在没有图像的情况下显示替代文字。 |
| 2 | ImageAlign |
控件的对齐选项。 |
| 3 | ImageUrl |
控件要显示的图像的路径。 |
