Asp.NET之浅谈控件

浏览数：34 / 时间：2015年06月09日

一、web控件

1、文本框控件

TextBox控件

  功能说明：用于显示文本和接收用户输入的文本
  命名前缀：Txt
  ASPX代码：

<asp:TextBox ID="TxtSample" runat="server" Text="TextBox Sample"></asp:TextBox>

  重要属性：Text 显示在按钮上的文本
       TextMode 设置文本的模式，"Single"为单行文本框，"Multiline"为多行文本框
    Rows 当TextMode设置为"Multiline"时，文本框显示的行数
    Columns 设置文本框的宽度
       MaxLength 设置文本框允许输入的最多字符数

  Lable控件
  功能说明：用于显示文本和接收用户输入的文本
  命名前缀：Txt
   重要属性：Text 显示文本属性
ToolTip 提示信息

2、控制转移控件

Button控件

  功能说明：用于创建按钮，执行命令
  命名前缀：Btn
   ASPX代码：

<asp:Button ID="BtnSample" runat="server" Text="Sample" />

重要属性：Text 显示在按钮上的文本

ImageButton控件

  功能说明：用于显示可点击的图像
  命名前缀：BtnImg
   ASPX代码：

<pre name="code" class="html"><asp:ImageButton ID="ImageButton1" runat="server" />

重要属性：OnClientClick当图像被点击时要执行的函数的名称。 PostBackUrl当 ImageButton 被点击时，从当前页面进行回传的目标页面的 URL.

HyperLink控件

功能说明：建立文本超链接或图片超链接命名前缀：Hlk ASPX代码：

<asp:HyperLink ID="HlkSample" runat="server" NavigateUrl="www.sample.com.cn">Sample</asp:HyperLink>

重要属性：NavigateUrl 链接URL
ImageUrl 显示的图片URL
Target 目标框架的名称，如"_blank","_top"等

三者比较

技术分享

3、选择控件

单选控件（RadioButton）

单选控件可以为用户选择某一个选项，单选控件通常需要Checked属性来判断某个选项是否被选中，多个单选控件之间可能存在着某些联系，这些联系通过GroupName进行约束和联系，

单选组控件（RadioButtonList）

与单选控件相同，单选组控件也是只能选择一个项目的控件，而与单选控件不同的是，单选组控件没有GroupName属性，但是却能够列出多个单选项目。另外，单选组控件所生成的代码也比单选控件实现的相对较少。

复选框控件和复选组控件（CheckBox和CheckBoxList）
当一个投票系统需要用户能够选择多个选择项时，则单选框控件就不符合要求了。ASP.NET还提供了复选框控件和复选组控件来满足多选的要求。复选框控件和复选组控件同单选框控件和单选组控件一样，都是通过Checked属性来判断是否被选择。

4、列表控件

DropDownList列表控件

列表控件能在一个控件中为用户提供多个选项，同时又能够避免用户输入错误的选项。。DropDownList列表控件最常用的事件是SelectedIndexChanged，当DropDownList列表控件选择项发生变化时，则会触发该事件，

ListBox列表控件
相对于DropDownList控件而言，ListBox控件可以指定用户是否允许多项选择。设置SelectionMode属性为Single时，表明只允许用户从列表框中选择一个项目，而当SelectionMode属性的值为Multiple时，用户可以按住Ctrl键或者使用Shift组合键从列表中选择多个数据项。

BulletedList列表控件
BulletedList与上述列表控件不同的是，BulleteList控件可呈现项目符号或编号。对BulleteList属性的设置为呈现项目符号，则当BulletedList被呈现在页面时，列表前端会则会显式项目符号或者特殊符号.

。

DropDownList

列表控件最常用的事件是

SelectedIndexChanged

，

当

DropDownList

列表控件选择项发生变化时，则会触发该事件，

5、容器控件

Panel

面板控件就好像是一些控件的容器，可以将一些控件包含在面板控件内，然后对面板控制进行操作来设置在面板控件内的所有控件是显示还是隐藏，从而达到设计者的特殊目的。

二、HTML控件

1、介绍

HTML控件是ASP.NET所提供的控件(亦称为Server控件)，是在服务器端执行的组件，可以产生标准的HTML文件。

一般说来，标准的HTML标签无法动态控制其属性、使用方法、接收事件，必须使用其他的程序语言来控制标签，这对于使用ASP程序设计来说很不方便，而且会使ASP程序比较杂乱。

ASP.NET在这方面开发了新的技术，即将HTML标签对象化，使程序(如Visual Basic.NET、C#…)可以直接控制HTML标签，对象化后的HTML标签称之为HTML控件。

2、特点

HTTP控件比HTML标签多了两个属性：
　　 ID属性：表示程序以此属性来控制和操作对象，对象名称不可以重复。
　　 Runat属性：表示对象在服务器端执行，所有的HTML控件都必须加上这个属性。如果HTML控件对象在程序执行时不需要由程序控制，则可省略ID属性。

  HTML控件的常用属性
　　   InnerHtml／InnerText．此属性可以设置控件要显示的文字。
　　   InnerHtml：显示文字并执行HTML标签功能。
　　   InnerText：不执行HTML标签功能而只显示所有文字字符串。

3、与Web控件相比

web控件的优缺点

技术分享

HTML控件的优缺点

技术分享

三、验证控件

1、表单验证控件（RequiredFieldValidator）

在ASP.NET中，系统提供了RequiredFieldValidator验证控件进行验证。使用RequiredFieldValidator控件能够指定某个用户在特定的控件中必须提供相应的信息，如果不填写相应的信息，RequiredFieldValidator控件就会提示错误信息

  重要属性：ControlToValidate 被验证的控件的Name
    ErrorMessage 验证失败的提示信息
    InitialValue InitialValue如果为空，被验证的控件的内容为空则验证失败，

如果不为空，被验证的控件的内容如果和InitialValue值一样则验证失败。

2、比较验证控件（CompareValidator）

比较验证控件对照特定的数据类型来验证用户的输入。因为当用户输入用户信息时，难免会输入错误信息，如当需要了解用户的生日时，用户很可能输入了其他的字符串。

CompareValidator比较验证控件能够比较控件中的值是否符合开发人员的需要。

重要属性：ControlToValidate 被验证的控件的Name
ErrorMessage 验证失败的提示信息
Type 被验证数据的类型，可以是字符串、数值和日期型
Operator 与指定值的大小关系
ValueToCompare 指定进行大小比较的值
ControlToCompare 指定进行大小比较的控件

3、范围验证控件（RangeValidator）

范围验证控件（RangeValidator）可以检查用户的输入是否在指定的上限与下限之间。通常情况下用于检查数字、日期、货币等。

重要属性：ControlToValidate 被验证的控件的Name
ErrorMessage 验证失败的提示信息
Type 被验证数据的类型，可以是字符串、数值和日期型
MinimumValue 最小值
MaximumValue 最大值

4、正则验证控件（RegularExpressionValidator）

正则验证控件的功能非常的强大，它用于确定输入的控件的值是否与某个正则表达式所定义的模式相匹配，如电子邮件、电话号码以及序列号等。

重要属性：ControlToValidate 被验证的控件的Name
ErrorMessage 验证失败的提示信息
ValidationExpression 用于验证的正则表达式

5、自定义逻辑验证控件（CustomValidator）

自定义逻辑验证控件（CustomValidator）允许使用自定义的验证逻辑创建验证控件。

重要属性：ControlToValidate 被验证的控件的Name
ErrorMessage 验证失败的提示信息
ClientValidationFunction 客户端验证函数，args.Value为验证内容，args.IsValid为验证结果
OnServerValidate 服务端验证时间，通过事件过程实现，args.Value为验证内容，args.IsValid为验证结果