背景：


             自己学习Web网页程序开发的知识也有一段时间，在学习控件上找到与之前 C/S学习的共鸣之处。

正文：


             那么Web控件是什么？它的种类有哪些！它有什么用处哪？

     是什么？

            Web控件是对象。拥有方法和属性并且响应事件。可以为Web控件编写服务器端代码以响应在客户端上发生的事件。Web控件包括属性和事件，属性：对象所具有的一些可描述的特点，例如颜色、尺寸等；事件：使对象对某些
预定义的外部动作进行响应，例如单击按钮、双击按钮等。

     种类  

             .NET控件分为俩大类：Web服务器控件和HTML控件。
        二者主要区别：runat= “server”：Web服务器控件可以触发服务器控件特有的事件，HTML服务器端控件只能通过回递的方式触发服务器上的页面级事件。每个服务器控件都具有一组属性，可以在服务器端的代码中更改控件的外观和行为，而HTML服务器端控件只有HTML属性。
        HTML控件与web控件最大的区别是它们对事件处理的方法不同。对于HTML窗体控件，当引发一个事件时，浏览器会处理它。但对于Web控件，事件仅由浏览器生成，但浏览器不会处理它，客户端要给服务器发个信息，告诉服务器处理事件。不过有些事件，比如：按键/移动鼠标等事件，ASP。NET中没有这些事件（因为这些事件即时性强，服务器处理得不够及时），这时候HTML控件就发挥其作用了，可以结合HTML事件协助完成。
             Web服务器控件从类型上又可以分为标准控件、验证控件、数据库控件、用户自定义控件等。      


总结：


             控件是对公共功能的抽象，保证代码复用性的同时也提高了编程效率。控件还是在实用性，也就是我们要实际操作，学会怎么去使用它。

打开VS010，我们可以看到它提供的ASP.NETWeb控件为：标准，数据，验证，导航，登陆，Webparts（网页组件），AJAX  Extension,Dynamic（动态） Data,Reporting（报表）,HTML,General（常规，综合的）这几类。
 
 
一.standard
 
1、Label控件：标签，主要作用在于显示文字讯息，标签控件显示的文字不能直接进行修改，要修改的话只能在设计阶段进行！  
常用属性：Id:此控件名称 Text：要显示的文字信息 ToolTip：鼠标放在控件上时显示的提示信息 Visible：运行时是否可见  
2、TextBox：文本框：既可以用来显示文字，还能够在文字框中输入文字  
常用属性：AutoPostBack:文本修改后是否自动回发到服务器 MaxLength：可输入的最大字符数 TextMode：行为模式，有SingleLine，MultiLine，Password三个值  
3、Button：按钮  常用属性：CausesValidation:是否启动验证  
点击Button按钮控件时会触发click和command事件，两者的区别是，如果要激发command事件，需要设置commandArgument、commandName属性值，而且可以对多个button控件同时指定一个command事件，通过CommandName的值不同来触发不同的操作；但是click事件，每一个控件只有一个方法，而且不能同用  
例。  
4、LinkButton控件：在页面上显示为一个超链接  
5、ImageButton控件：以图片形式显示 ImageUrl属性指定图片路径  
6、HyperLink:超链接控件 NavigateUrl属性指定定位到的Url  
7、Dropdown List：下拉菜单  
8、ListBox列表框：  
常用属性：  
1、BackColor 属性：用于显示ListBox控件中的文本和图形的背景颜色，默认为白色(Window)  
2、BorderStyle 属性：控制在列表框ListBox周围绘制的边框的类型，其枚举值为下面三个：  
BorderStyle.None——无边框  
BorderStyle.FixedSingle——单行边框  
BorderStyle.Fixed3D——三维边框  
默认值为BorderStyle.Fixed3D。  
3、Font、ForeColor 属性：前者用于调整列表框中文本的字体，后者用于调整文本框中文本或者图形的前景色。  
4、MultiColumn 属性：指示列表框中的项是否以水平的方式在列表框中显示，默认为False，此时所有的项都只显示为一列，当列表框无法显示全部的项的时候，将会出现一个垂直的滚动条；如果MultiColumn属性为True，则列表框以多列的形式来显示所有的项，如果一列无法全部显示完，则在水平位置重新显示一列，直到显示完毕为止，此时将会出现一个水平滚动条  
5、ColumnWidth 属性：指示“多列列表框”中各列的宽度。当MultiColumn 属性为True时才起作用，其默认值为0，即将默认宽度分配给每列。可以使用此属性确保多列 ListBox 中的每列都可正确显示其项，我们可以通过如下代码来自己设置列表框ColumnWidth 属性的值，以确保能以最优的宽度来显示列表：  
Private Sub SetupMyMultiColumn()  
Dim x As Integer  
Dim width As Integer = CInt(ListBox1.CreateGraphics().MeasureString(ListBox1.Items(ListBox1.Items.Count - 1).ToString(), ListBox1.Font).Width)  
ListBox1.ColumnWidth = width  
End Sub  
6、ScrollAlwaysVisible 属性：指示无论列表框中有多少个项，都始终显示滚动条。默认为False  
7、HorizontalScrollbar 属性：指示是否为超过列表框右边缘的项目显示滚动条，默认为False。该属性在列表框以单列显示列表的时候比较有用，与之配合使用的还有HorizontalExtent 属性。  
8、SelectionMode 属性：指示列表框式单项选择、多项选择还是不可选择，其枚举值有下面四个：  
MultiExtended——可以选择多项，并且用户可使用 SHIFT 键、CTRL 键和箭头键来进行选择。  
MultiSimple——可以选择多项。  
None——无法选择项。  
One——只能选择一项。  
默认是One  
9、SelectedItems、SelectedItem、SelectedIndex 属性：这三个属性都与选择列表框中的项有关。SelectedItems 属性返回的是ListBox当前选定的项的集合；SelectedItem属性返回的是ListBox中选定的第一项，也是SelectedItems集合中的第一项；SelectedIndex 属性返回的是SelectedItem在列表框中的索引，其值是一个整数，如果列表框未选定任何项，则它的值为-1，我们还可以通过改变它的值来更改选定项。  
10、Items 属性：返回的是列表框的所有项的集合。  
二.HTML
 
1.Table：用来进行布局
转载于:https://www.cnblogs.com/doubleyan/archive/2011/01/05/1926860.html

    刚刚开始看ASP.NET，还真是百感交集，为什么视频是csf格式？为什么视频那么的卡？为什么老师连课间时间都放到教学视频里了？oh!还是好好看我的视频吧！这两天看的视频讲解了Web控件这一部分，算是对其有了初步的了解。那到底什么是Web控件？它包括哪些内容？我们用Web控件来做什么呢？



    ASP.NET控件基本介绍


    Web控件是SAP.NET页面的重要组成元素，当然，在创建ASP.NET页面时，我们会大量的使用这些控件，所以对于我们来说，掌握Web控件的使用时极其重要的。下图就是很多我们经常用到的控件：



    ASP.NET控件分为四类：内部控件、复杂控件、列表控件、验证控件。视频中对其做了大概的介绍，结合课本对控件进行了进一步的了解。




    服务器控件


    大多数Web服务器控件类都派生与System.Web.UI.WebControl类，而WebSystem类又从System.Web.UI.Control类派生，这两个类都包含在System.Web.UI.WebControls命名空间中。


    对于服务器控件的基本属性我们都是再熟悉不过了，跟之前学的vb和vb.net一样，在asp.net中同样包含这些属性，在做牛腩新闻发布系统的时候我们就接触了很多这方面的内容。比如单位 、颜色、字体等，我们都可以对其进行这些基本属性的设置。


    服务器控件的事件。在ASP.NET页面中，客户与服务器的交互是通过Web控件的事件来完成的。Web控件的事件的工作方式与传统的HTML标记的客户端事件工作方式有哪些不同呢？HTML标记的客户端事件是在客户端触发和处理的，而asp.net页面中的Web控件的事件虽然也是在客户端触发，但却在服务器端进行处理。


    
    基本的Web控件


    ASP.NET提供了与HTML控件相对应的基本的Web控件。Web控件的标记有特定的格式，如以“<asp:”开始，后面跟随着相应控件的类型名，最后以“/>”结束，在其间可以设置各种属性。例如定义一个Label1控件：
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
另外还有Label控件、TextBox控件、按钮控件等等等等。




    
    列表控件


    列表控件包括ListBox、DropDownList、CheckBoxList、RadioButtonList和BulletedList。这些控件在浏览器中的构建方式不尽相同，但具有相同的工作方式，并且具有现实一系列数据的功能。




    验证控件


    为了更好的创建交互式Web应用程序，加强Web应用程序的安全性，ASP.NET提供了验证控件来帮助开发人员实现输入验证功能。五个验证控件：RequiredFieldValidator、CompareValidator、RangeValidator、RegularExpressionValidator和CustomValidator。这些控件直接或者间接派生自System.Web.UI.WebControl.BaseValidator,每个验证控件执行特定类型的验证，当验证失败时显示自定义的消息。


    对于几个控件的具体使用就不一一介绍了，各个控件根据自己特有的属性功能执行各自的操作功能。




    小结


    对于ASP.NET的控件介绍就是这些，当然通过例子可以看出，还是有很多控件是我们到目前为止还没有接触过的。通过项目执行可以发现，这些控件给我们带来了极大的好处，不但使我们节省了很多时间，还给我们的使用带来的极大的便利。


    对于ASP.NET控件的学习还在继续，这些总结也只是看过视频和课本之后的一些表面认识。接下来就是既深又远的探索过程。

不知大家对ASP.NET中的Web服务器控件了解怎么样？本篇博客小编将为大家介绍一些小技巧，轻松使用控件。
我们知道Web控件分为四种：内部，复杂，列表和验证控件，那么这些控件具体都有哪些，具有什么样的作用？什么情况下用？有了他们，可以解决我们什么问题呢，我想这都是大家想知道的。



一、内部控件
内部控件的使用方法与 HTML 控件相同,它们映射到 HTML 元素并通过使用 runat = “server” 属性在服务器上执行。

1.选择控件：

使用过程中需要注意：

CheckBox:
autopostback设置为True，自动提交到服务器。这个可以用，但是尽量少用。
RadioButton:
比如性别，两个控件的groupname设置成一样的值。
2.文本输入
单行，多行，密码输入，容器控件，日历控件


容器控件：
this.Panel1.Visible = false;
this.Panel2.Visible = false;
日历控件使用很简单，这里不做介绍。


二、列表控件
包括Listbox，DropDownList，Gridview等。用于在 Web 页中创建数据列表。

以Listbox为例:
点击一个信息，加载出另一个信息，提高用户体验度。
一个小例子来说明：

<span style="font-size:18px;">//DB类
Public static SqlConnection createConnection()
{
	SqlConnection con=new SqlConnection("server=.;database=cropDownTest;uid=;pwd=;");
	Return con;
}

//Page_Load事件
Private void Page_Load(object sender,System.EventArgs e)
{
	If (!this.IsPostBack)
	{
		//绑定省
		SqlConnection con=DB.createConnection();
		Con.Open();
		SqlCommand cmd=new SqlCommand("select * from province",con);
		SqlDataReader sdr=cmd.ExecuteReader();
		This.ddlProvince.DataSource=sdr;
		This.ddlProvince.DataTextField="proName";
		This.ddlProvince.DataValueField="proID";
		This.ddlProvince.DataBind();
		//绑定市
		SqlCommand cmdCity=new SqlCommand("select * from city where proID="+this.ddlProvince SelectedValue,con");
		Sdr.Close();
	}
}
</span>
运行结果：选出省，自动加载出省中所含的市，很方便。


三、复杂控件
当希望控件拥有复杂的功能或使用 HTML 元素无法创建的功能丰富的用户界面时，可以使用复杂控件。

HtmllnputFile控件
例子：上传文件
html中的button控件，只能通过html脚本实现，加上runat="server"可以实现在服务器端访问
mapPath相对路径转换为服务器上的绝对路径


四、验证控件
输入控件的数据需要进行准确性和取值范围方面的检查。

1.RequireFieldValidator：验证控件是否为空
2.compareCalidator：比较两个字段

errorMessage值是显示信息，，Operator（值范围，大于小于等），valuetoCompare为限制的值
比较类型：
1.与固定值比较：type类型，Operator大于还是小于，display如果两个控件，选动态效果，错误的显示信息。
2.日期类型：type为Date类型，Operator选最后一个DateTypeCheck，错误显示信息
3.两个控件值是否一致：错误信息，Operator是否相同，Type值，ControlToCompare和ControlToValidate的选择。
补充：
当验证是否为空，和固定值比较两个控件共同使用时，变为动态的比较好。

3.RangeValidator：检查制定范围
type类型选择日期，mininumvalue和MaxinumValue日期限定范围，错误信息，显示动态还是静态，对哪个控件作用。

4.RegularExpressionValidator：用表达式检查值，会简单应用




正则表达式简单认识：



5.CustomValidator自定义验证




注意：前两个是必填的，是客户端的，在客户端不合法，不能提交到服务器；填写正确格式后，再填自定义验证就可以了。




6.ValidationSummary显示错误信息

if(this.IsValid)
            {
                Response.Write("提交");
            }
            else
            {
                Response.Write("页面无效");
            }

IsValid：验证都通过，提交，否则不提交。
整个页面上只要有未通过的验证，Isvalid就是False
避免在低端服务器验证时出错：
<%@Page Language="C#" AutoEventWireup="true"CodeBehind="Validator.aspx.cs"Inherits="InputFile.Validator"clientTarget="DownLevel"%>
clientTarget="DownLevel"禁用客户端验证


五、比较Web服务器控件与HTML控件


六、总结



感谢您的阅读！