控件是什么意思

控件是指对数据和方法的封装。控件可以有自己的属性和方法，其中属性是控件数据的简单访问者，方法则是控件的一些简单而可见的功能、控件创建过程包括设计、开发、调试（就是所谓的3Ds开发流程,即Design、Develop、Debug）工作， 然后是控件的使用。

设计控件是一项繁重的工作。自行开发控件与使用控件进行可视化程序开发存在着极大的不同，要求程序员精通面向对象程序设计。创建控件的最大意义在于封装重复的工作，其次是可以扩充现有控件的功能。

扩展资料

1、控件应用

使用现成的控件来开发应用程序时，控件工作在两种模式下：设计时态和运行时态。

在设计时态下，控件显示在开发环境下的一个窗体中。设计时态下控件的方法不能被调用，控件不能与最终用户直接进行交互操作，也不需要实现控件的全部功能。

在 运行状态下，控件工作在一个确实已经运行的应用程序中。控件必须正确地将自身表示出来，它需要对方法的调用进行处理并实现与其他控件之间有效的协同工作。

2、控件创建

创建控件就是自行设计制作出新的控件。

设计控件是一项艰苦的工作。对于控件的开发者，控件是纯粹的代码。实际上，创建新控件使我们回到传统开发工具的时代。虽然这是一个复杂的过程，但也是一个一劳永逸的过程。

-控件

只有把div转成服务器控件才可以通过c#代码来操作。客户端控件转服务器控件，就是在原来的标签上加上runat="server" 这样就可以通过C# 代码来访问了。当然要想访问到还需要设置ID属性来唯一标识这个控件。在控制div  隐藏时可以如这样。

div 标签：<div id="div1" runat="server" ></div>

c#代码设置div隐藏  div1AttributesAdd("style","display:none");

显示divAttributes["style"]="display:''";

runat="server"   注册为服务器控件，后台可以获取到id，很方面控制，但有时不能这么办，还有一种方法不用注册， style='display: <%=dis%>;'  后台声明dis，给dis值，显示/隐藏

dis = "block"; dis = "none";

1，服务端指的是网站的服务器响应的内容

2，客户端指的是网站访问者在电脑浏览网站

3，整体流程是：客户端向服务器发起请求，服务器处理请求，返回结果到客户端显示

4，比如：我在百度搜索一个关键词，百度服务器按照关键词搜索出相关内容，然后把结果再显示给我看。

aspnet控件是服务端控件

响应服务端事件

HTML控件是客户端控件

响应客户端事件

如果你对服务端/客户端不明白的话先去了解一下

简单来说

HTML客户端的事件是不会提交给服务端的

比如说点击一个按钮 改变文字的颜色

只是针对用户机器本身的 不会发送数据包给远程的服务器

而aspnet按钮点击后

将会以post或者get形式发送给服务器

进行数据库操作等等 页面提交后将会刷新

但是ajax技术可以使客户端控件发送请求给webservice

具体的用法

如果强调客户端的 应用

用客户端控件更能使用户感觉到方便

不用刷新页面

而需要数据库等操作时 肯定要用服务端控件

但是没有绝对的

我现在做的项目就是两者结合用

第4章 服务器控件41 服务器控件概述

411 服务器控件分类

ASPNET的Server控制组件分为两种：HTML控制组件和Web控制组件。

412 服务器控件属性、事件和方法服务器控件是ASPNET的特定对象，每一个控件都具有特定的属性、事件和方法

413 服务器控件层次结构 ASPNET服务器控件是从SystemWebUIControl直接或间接派生的。ASPNET服务器控件的主要作用是提供用户界面。服务器控件层次结构如图所示。 42 HTML服务器控件

421 HTML服务器控件的层次结构 HTML服务器控件的主要功能是在Web页面上管理控件。图显示了HTML服务器控件的层次结构HTML服务器控件提供以下功能：

1可在服务器上使用熟悉的面向对象技术对其进行编程的对象模型。

2提供一组事件，可以为其编写事件处理程序，方法与在基于客户端的窗体中大致 相同，所不同的是事件处理是在服务器代码中完成的。

3在客户端脚本中处理事件的能力。

4自动维护控件状态。

5与验证控件进行交互，便于验证用户是否在控件输入了适当的信息。

6数据绑定到一个或多个控件属性

7 直接可用的自定义属性。

422 HTML控件的基本语法 HTML控件的基本语法： <HTML标记 Id=“控件名称” Runat=“Server”>

423 HTML控件详解

1 HTML服务器控件的共同属性 几个共同的属性：Innerhtml、InnerText、Disable、Visible、Value、Attributes、Style。

2 HtmlAnchor控件 HtmlAnchor控件的主要属性和事件如下：

(1)Href属性：用来获取或设置在HtmlAnchor服务器控件中指定的链接的URL目标。

(2)Title属性：用来获取或设置当鼠标指针放在HtmlAnchor控件上所显示的工具提示文本。

(3)Name属性：获取或设置HtmlAnchor服务器控件中定义的书签名。

(4)Target属性：获取或设置要将Web页内容加载到的目标窗口或框架。

(5) OnServerClick方法：用于指定在单击HtmlAnchor控件时引发的处理程序。 例如：

<A Id="HtmlAnchor1" Href="aaaspx" '单击HtmlAnchor1 时链接到的aaaspx

OnServerClick="AnchorBtn_Click " '单击 HtmlAnchor1时执行 AnchorBtn_Click 事件

Ttarget="_blank " 'aaaspx内容呈现在新的、不带框的窗口中

Title="在新窗口中打开aaaspx " '当鼠标指针放在 HtmlAnchor1上时显示

Runat="Server" >

</A>

3 HtmlInputButton控件

HtmlInputButton控件的主要属性和事件如下：

(1)Type属性：用来获取HtmlInputControl的类型。表列出了Type属性的各种不同可 能值及其含义。 (2)Value属性：用来设置按钮上的显示的文本内容。

(3)OnServerClick方法：该事件当在Web页上单击HtmlInputButton控件时发生的处理 程序。

4 HtmlInputImage控件 HtmlInputImage控件主要属性和事件如下：

(1)Align属性

(2)Alt属性

(3)Src属性

(4)OnServerClick方法

5 HtmlInputText控件 HtmlInputText控件的主要属性和事件如下：

(1)Size属性

(2)MaxLength属性

(3)Value属性

(4)Type属性

(5)ServerChange事件

(6)OnServerChange方法

6 HtmlTextArea控件 HtmlInputText控件在控件工具箱中的图标为 。文本框的尺寸由Cols和Rows属性控制 。

7 HtmlImage 控件 HtmlImage控件的主要属性如下：

(1)Align属性 ：各种可能的取值及其说明见表。

(2) Src属性

(3) Alt属性

(4) Border属性

(5) Height属性

(6) Width属性 8 HtmlInputCheckBox控件 HtmlInputCheckBox控件的主要属性和事件如下：

(1)Checked属性

(2) OnServerChange方法

9 HtmlInputRadioButton控件 HtmlInputRadioButton控件的主要属性和事件如下：

(1)Checked属性

(2)Name属性

(3) Value属性

(4) ServerChange事件

(5) OnServerChange方法

10 HtmlSelect控件该控件的主要属性和事件如下：

(1)Multiple属性

(2) Size属性

(3) SelectedIndex属性

(4) Items属性

(5)Value属性

(6) DataSource属性

(7) DataValueField属性

(8)DataTextField属性

(9)OnServerChange方法

11 其他HTML服务器控件 其他HTML服务器控件对应的HTML元素及用途见右表。43 Web服务器控件

431 Web服务器控件的层次结构 下图显示了SystemWebUIWebControls名称空间中控件的层次结构。432 Web服务器控件基本语法 Web服务器控件的基本语法：

<ASP: 控件Id=“控件名称” Runat=“Server” 属性1=“属性设置值1” 属性2=“属性设置值2”……></ASP: 控件> 或者

<ASP: 控件Id=“控件名称” Runat=“Server”/ 属性1=“属性设置值1” 属性2=“属性设置值2”…… / >

433 Web服务器控件详解

1 Button控件

Button控件的使用语法：

<ASP: Button 属性设置></ASP: Button> 或者

<ASP: Button 属性设置 />

Button控件主要属性和事件如下：

(1)Enabled属性

(2) Text属性

(3) ToolTip属性

(4) CommandName属性

(5)CommandArgument属性

(6)OnClick事件

2 HyperLink控件

HyperLink控件的使用语法：

<ASP: Hyperlink 属性设置></ASP: Hyperlink > 或者

<ASP: Hyperlink 属性设置 />

HyperLink控件的主要属性如下：

(1) Text属性

(2) ImageUrl属性

(3) NavigateUrl属性

(4) Target属性

3 LinkButton控件

LinkButton控件的使用语法：

<ASP: LinkButton 属性设置> </ASP: LinkButton>或者

<ASP: LinkButton 属性设置 />

LinkButton控件的主要属性和事件如下:

(1) Text属性

(2) Enabled属性

(3) ToolTip属性

(4) CommandName属性

(5) CommandArgument属性

(6)Command事件

4 ImageButton控件

ImageButton控件使用语法：

<ASP: ImageButton 属性设置> </ASP: ImageButton> 或者

<ASP: ImageButton 属性设置 />

ImageButton控件的主要属性和事件如下：

(1) Enabled属性

(2) CommandName属性

(3) CommandArgument属性

(4) ImageUrl属性

(5) ImageAlign属性

(6) ToolTip属性

(7)OnClick事件

5 Label控件 Label控件使用语法：

<ASP: Label 属性设置> </ASP: Label>或者

<ASP: Label 属性设置 />

Label控件的主要属性：

(1) AutoSize属性

(2) Text属性

(3) TextAlign属性：该属性设置标签内的文本的对齐方式。取值及其含义见表。 (4) Font属性

(5) Height属性

(6)Width属性

6 TextBox控件

TextBox控件使用语法：

<ASP: TextBox 属性设置> </ASP: TextBox>或者

<ASP: TextBox 属性设置 />

TextBox控件的主要属性和事件如下:

(1) AutoPostBack属性

(2) Columns属性

(3) Rows属性

(4) MaxLength属性

(5) ReadOnly属性

(6) Text属性

(7) Wrap属性

(8) TextMode属性

7 CheckBox控件和CheckBoxList控件

CheckBox控件使用语法：

ASP: CheckBox 属性设置 > </ASP: CheckBox >或者

<ASP: CheckBox属性设置 />

CheckBox控件的主要属性和事件

(1) Checked属性

(2) Enabled属性

(3) Text属性

(4) TextAlign属性

(5) AutoPostBack属性

(6)CheckedChanged事件

CheckBoxList控件是一个CheckBox控件组，CheckBoxList控件使用语法：

<ASP: CheckBoxList 属性设置 > </ASP: CheckBoxList >或者

<ASP: CheckBoxList 属性设置 />

CheckBoxList控件的主要属性和事件

(1) AutoPostBack属性

(2)DataSource属性

(3) DataTextField属性

(4) DataValueField属性

(5) Items属性

(6)RepeatColumns属性

(7) RepeatDirection属性

(8) RepeatLayout属性

(9) SelectedIndex属性

(10) SelectedItem属性

(11) TextAlign属性

(12) SelectedIndexChanged事件

CheckBoxList控件的每个选项都有以下3个基本属性

(1) Text：表示每个选项的文本。

(2) Value：表示每个选项的选项值。

(3) Selected：表示该选项是否选中。

8 RadioButton控件和RadioButtonList控件

RadioButton控件使用语法：

<ASP: RadioButton 属性设置 > </ASP: RadioButton >或者

<ASP: RadioButton 属性设置 />

RadioButton控件的主要属性和事件

(1)AutoPostBack属性

(2) Checked属性

(3)Text属性

(4)GroupName属性

(5) TextAlign属性

(6) Enabled属性

(7)OnCheckedChanged事件

RadioButtonList控件是单个控件，可作为单选按钮列表项集合的父控件。RadioButtonList控件使用语法：

<ASP: RadioButtonList 属性设置 > </ASP: RadioButtonList >或者

<ASP: RadioButtonList 属性设置 />

RadioButtonList控件的主要属性和事件

(1) AutoPostBack属性

(2) DataSource属性

(3) DataTextField属性

(4) DataValueField属性

(5) Items属性

(6) RepeatColumns属性

(7) RepeatDirection属性

(8) RepeatLayout属性

(9) SelectedIndex属性

(10) SelectedItem属性

(11) OnSelectedIndexChanged事件

RadioButtonList控件的每个选项都有以下3个基本属性

(1) Text：表示每个选项的文本。

(2) Value：表示每个选项的选项值。

(3) Selected：表示该选项是否选中。

9 Image控件 Image控件使用语法：

<ASP: Image 属性设置 > </ASP: Image > 或者

<ASP: Image属性设置 />

Image控件的主要属性如下：

(1) ImageUrl属性

(2) AlternateText属性

(3) ImageAlign属性

10 ListBox控件 ListBox控件使用语法：

<ASP: ListBox 属性设置 > </asp: ListBox > 或者

<ASP: ListBox 属性设置 />

ListBox控件的主要属性和事件如下：

(1) AutoPostBack属性

(2) Rows属性

(3) Items属性：Items属性是ListBox控件各选项的集合。每个列表项都是一个单独的对象，具有自己的属性，见表。 (4) SelectionMode属性：该属性指明一次是否可多选。SelectionMode属性的各种取值极其含义见表。 (5) SelectedIndex属性

(6) SelectedIndices属性

(7) SelectedItem属性

(8) SelectedItems属性

(9) SelectedValue属性

(10) DataSource 属性

(11) DataTextField属性

(12) DataValueField属性

(13) SelectedIndexChanged 事件

11 DropDownList控件

DropDownList控件使用语法：

<ASP: DropDownList 属性设置 > </ASP: DropDownList > 或者

<ASP: DropDownList 属性设置 />

DropDownList控件的主要属性和事件如下：

(1)AutoPostBack属性

(2) Items属性

(3) DataSource属性

(4) DataTextField属性

(5) DataValueField属性

(6) SelectedIndexChanged事件

12 Table、TableRow和TableCell控件

Table控件使用语法：

<ASP: Table 属性设置 > </ASP: Table > 或者

<ASP: Table 属性设置 />

Table控件的主要属性如下：

(1)CellPadding属性

(2) CellSpacing属性

(3) Rows 属性

(4)GridLines属性,该属性的取值及其含义见表。(5)HorizontalAlign属性,该属性的取值及其含义见表 TableRow控件的主要属性如下：

(1) Cells属性

(2)HorizontalAlign属性

(3) VerticalAlign属性,表列出了可能的值及其含义。TableCell控件的主要属性如下：

(1) ColumnSpan属性

(2)HorizontalAlign属性

(3) RowSpan属性

(4) VerticalAlign属性

(5) Wrap属性 回首页

控件是一个相对完整的程序包，可以实现相关的操作、反馈相关的信息。比如：日历控件可以实现选择日期、调整日期等，使用日历控件选择日期就避免了用户输入日期时可能产生的格式错误。常见的还有树视图控件，可以把数据展示成资源管理器一样的视图；文本控件可以输入文本等。其实一个控件就是一个类，可以借用别人的，也可以自己定义。