当前位置: 首页 > 文档资料 > ASP.NET 中文教程 >

基本控件(Basic Controls)

优质
小牛编辑
132浏览
2023-12-01

在本章中,我们将讨论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>

列表框和下拉列表的常见属性:

属性描述
ItemsListItem对象的集合,表示控件中的项。 此属性返回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控件显示图像的路径。
NavigateUrlTarget link URL.
Text要显示为链接的文本。
Target加载链接页面的窗口或框架。

图像控制

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

图像控件的基本语法:

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

它具有以下重要属性:

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