ASP.NET - 基本控件( Basic Controls)
在本章中，我们将讨论ASP.NET中可用的基本控件。
按钮控件
ASP.NET提供了三种类型的按钮控件:
Button :它在矩形区域内显示文本。
Link Button :显示看起来像超链接的文本。
Image Button :显示图像。
当用户单击按钮时，会引发两个事件:单击和命令。
按钮控件的基本语法:
<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创建一个文本框，可以接受多行文本，而密码会导致输入的字符被屏蔽。 默认值为SingleLine。 |
| Text | 文本框的文本内容。 |
| MaxLength | 可以在文本框中输入的最大字符数。 |
| Wrap | 它确定文本是否自动换行为多行文本框; 默认为true。 |
| ReadOnly | 确定用户是否可以更改框中的文本; 默认为false，即用户无法更改文本。 |
| Columns | 文本框的宽度，以字符为单位。 实际宽度是根据用于文本输入的字体确定的。 |
| Rows | 行中多行文本框的高度。 默认值为0，表示单行文本框。 |
标签控件最常用的属性是“文本”，它表示标签上显示的文本。
复选框和单选按钮
复选框显示用户可以选中或取消选中的单个选项，单选按钮显示一组选项，用户只能从中选择一个选项。
要创建一组单选按钮，请为组中每个单选按钮的GroupName属性指定相同的名称。 如果单个表单中需要多个组，请为每个组指定不同的组名。
如果要在最初显示表单时选中复选框或单选按钮，请将其“已检查”属性设置为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) | 在集合中的指定索引位置插入项，并将字符串参数分配给项的text属性。 |
| Insert(integer, ListItem) | 将项插入集合中的指定索引位置。 |
| Remove(string) | 删除具有与字符串相同的文本值的项目。 |
| Remove(ListItem) | Removes the specified item. |
| 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流。 默认为Table。 |
| RepeatDirection | 它指定了重复控件的方向。 可用值为“水平”和“垂直”。 默认为垂直。 |
| RepeatColumns | 它指定重复控件时要使用的列数; 默认值为0。 |
项目符号列表和编号列表
项目符号列表控件可创建项目符号列表或编号列表。 这些控件包含一组ListItem对象，可以通过控件的Items属性引用它们。
项目符号列表的基本语法:
<asp:BulletedList ID="BulletedList1" runat="server">
</asp:BulletedList>
项目符号列表的常见属性:
| 属性 | 描述 |
|---|---|
| BulletStyle | 此属性指定项目符号或数字的样式和外观。 |
| RepeatDirection | 它指定了重复控件的方向。 可用值为“水平”和“垂直”。 默认为垂直。 |
| RepeatColumns | 它指定重复控件时要使用的列数; 默认值为0。 |
HyperLink控件
HyperLink控件类似于HTML 元素。
超链接控件的基本语法:
<asp:HyperLink ID="HyperLink1" runat="server">
HyperLink
</asp:HyperLink>
它具有以下重要属性:
| 属性 | 描述 |
|---|---|
| ImageUrl | 控件显示图像的路径。 |
| NavigateUrl | Target link URL. |
| Text | 要显示为链接的文本。 |
| Target | 加载链接页面的窗口或框架。 |
图像控制
如果图像不可用，则图像控件用于在网页上显示图像，或者一些替代文本。
图像控件的基本语法:
<asp:Image ID="Image1" runat="server">
它具有以下重要属性:
| 属性 | 描述 |
|---|---|
| AlternateText | 在没有图像的情况下显示的备用文本。 |
| ImageAlign | 控件的对齐选项。 |
| ImageUrl | 控件显示图像的路径。 |
