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 | 控件要显示的图像的路径。 |