ASP.NET 基本控件


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

按钮控件


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

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

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

  • 图像按钮 : 显示图像。

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

按钮控件的基本语法:

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

按钮控件的常用属性:

Property 描述
Text 按钮上显示的文本。这仅适用于按钮和链接按钮控件。
ImageUrl 仅用于图像按钮控制。要为按钮显示的图像。
替代文本 仅用于图像按钮控制。浏览器无法显示图像时显示的文本。
原因验证 确定当用户单击按钮时是否发生页面验证。默认值为真。
命令名 当用户单击按钮时传递给命令事件的字符串值。
命令参数 当用户单击按钮时传递给命令事件的字符串值。
PostBackUrl 用户单击按钮时请求的页面的 URL。

文本框和标签


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

标签控件提供了一种显示文本的简单方法,该文本可以从一个页面执行更改为下一个执行。如果要显示不变的文本,请使用文字文本。

文本控件的基本语法:

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

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

Property 描述
TextMode 指定文本框的类型。 SingleLine 创建一个标准文本框,MultiLIne 创建一个接受多行文本的文本框,Password 使输入的字符被屏蔽。默认为单行。
Text 文本框的文本内容。
最长长度 可以在文本框中输入的最大字符数。
Wrap 判断多行文本框是否自动换行;默认为真。
ReadOnly 确定用户是否可以更改框中的文本;默认为 false,即用户不能更改文本。
Columns 文本框的宽度(以字符为单位)。实际宽度取决于用于文本输入的字体。
Rows 多行文本框的行高。默认值为0,表示单行文本框。

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

复选框和单选按钮


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

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

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

复选框的基本语法:

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

单选按钮的基本语法:

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

复选框和单选按钮的常见属性:

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

列表控件


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>

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

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

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

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

需要注意的是:

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

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

列表项集合


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

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

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

ListItemCollection 的常用属性:

Property 描述
项目(整数) 一个 ListItem 对象,表示指定索引处的项目。
Count 集合中的项目数。

ListItemCollection 的常用方法:

Methods 描述
添加(字符串) 在集合末尾添加一个新项目,并将字符串参数分配给该项目的 Text 属性。
添加(列表项) 在集合末尾添加一个新项目。
插入(整数,字符串) 在集合中的指定索引位置插入一个项目,并将字符串参数分配给该项目的 text 属性。
插入(整数,列表项) 在集合中的指定索引位置插入项目。
删除(字符串) 删除文本值与字符串相同的项目。
删除(列表项) 移除指定的项目。
RemoveAt(整数) 将指定索引处的项目作为整数移除。
Clear 删除集合的所有项目。
查找值(字符串) 返回其值与字符串相同的项。
FindByValue(文本) 返回其文本与字符串相同的项目。

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


单选按钮列表显示互斥选项列表。复选框列表显示独立选项的列表。这些控件包含可以通过控件的 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>

复选框和单选按钮列表的常见属性:

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

项目符号列表和编号列表


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

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

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

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

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

超链接控制


HyperLink 控件类似于 HTML 元素。

超链接控件的基本语法:

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

它具有以下重要特性:

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

图像控制


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

图像控件的基本语法:

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

它具有以下重要特性:

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