📄 asp04.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>服务器控件概述</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<p align="center">第4章 服务器控件</p>
<p>4.1 服务器控件概述<br>
4.1.1 服务器控件分类<br>
ASP.NET的Server控制组件分为两种：HTML控制组件和Web控制组件。<br>
4.1.2 服务器控件属性、事件和方法服务器控件是ASP.NET的特定对象，每一个控件都具有特定的属性、事件和方法<br>
4.1.3 服务器控件层次结构 ASP.NET服务器控件是从System.Web.UI.Control直接或间接派生的。ASP.NET服务器控件的主要作用是提供用户界面。服务器控件层次结构如图所示。
</p>
<p align="center"><img src="image/slide4image001.PNG" width="639" height="309"></p>
<p>4.2 HTML服务器控件<br>
4.2.1 HTML服务器控件的层次结构 HTML服务器控件的主要功能是在Web页面上管理控件。图显示了HTML服务器控件的层次结构</p>
<p align="center"><img src="image/slide4image002.PNG" width="613" height="282"></p>
<p>HTML服务器控件提供以下功能：<br>
1.可在服务器上使用熟悉的面向对象技术对其进行编程的对象模型。<br>
2.提供一组事件，可以为其编写事件处理程序，方法与在基于客户端的窗体中大致 相同，所不同的是事件处理是在服务器代码中完成的。<br>
3.在客户端脚本中处理事件的能力。<br>
4.自动维护控件状态。<br>
5.与验证控件进行交互，便于验证用户是否在控件输入了适当的信息。<br>
6.数据绑定到一个或多个控件属性<br>
7. 直接可用的自定义属性。<br>
4.2.2 HTML控件的基本语法 HTML控件的基本语法： <HTML标记 Id=“控件名称” Runat=“Server”><br>
4.2.3 HTML控件详解 <br>
1. HTML服务器控件的共同属性 几个共同的属性：Innerhtml、InnerText、Disable、Visible、Value、Attributes、Style。<br>
2. HtmlAnchor控件 HtmlAnchor控件的主要属性和事件如下： <br>
(1)Href属性：用来获取或设置在HtmlAnchor服务器控件中指定的链接的URL目标。 <br>
(2)Title属性：用来获取或设置当鼠标指针放在HtmlAnchor控件上所显示的工具提示文本。<br>
(3)Name属性：获取或设置HtmlAnchor服务器控件中定义的书签名。 <br>
(4)Target属性：获取或设置要将Web页内容加载到的目标窗口或框架。<br>
(5) OnServerClick方法：用于指定在单击HtmlAnchor控件时引发的处理程序。 例如：<br>
<A Id="HtmlAnchor1" Href="aa.aspx" '单击HtmlAnchor1 时链接到的aa.aspx<br>
OnServerClick="AnchorBtn_Click " '单击 HtmlAnchor1时执行 AnchorBtn_Click
事件<br>
Ttarget="_blank " 'aa.aspx内容呈现在新的、不带框的窗口中<br>
Title="在新窗口中打开aa.aspx " '当鼠标指针放在 HtmlAnchor1上时显示 <br>
Runat="Server" > <br>
</A> <br>
3. HtmlInputButton控件<br>
HtmlInputButton控件的主要属性和事件如下： <br>
(1)Type属性：用来获取HtmlInputControl的类型。表列出了Type属性的各种不同可 能值及其含义。</p>
<p align="center"><img src="image/slide4image003.PNG" width="371" height="114"></p>
<p> (2)Value属性：用来设置按钮上的显示的文本内容。<br>
(3)OnServerClick方法：该事件当在Web页上单击HtmlInputButton控件时发生的处理 程序。<br>
4. HtmlInputImage控件 HtmlInputImage控件主要属性和事件如下：<br>
(1)Align属性 <br>
(2)Alt属性 <br>
(3)Src属性 <br>
(4)OnServerClick方法<br>
5. HtmlInputText控件 HtmlInputText控件的主要属性和事件如下：<br>
(1)Size属性 <br>
(2)MaxLength属性 <br>
(3)Value属性 <br>
(4)Type属性<br>
(5)ServerChange事件 <br>
(6)OnServerChange方法 <br>
6. HtmlTextArea控件 HtmlInputText控件在控件工具箱中的图标为 。文本框的尺寸由Cols和Rows属性控制 。<br>
7. HtmlImage 控件 HtmlImage控件的主要属性如下：<br>
(1)Align属性 ：各种可能的取值及其说明见表。<br>
(2) Src属性 <br>
(3) Alt属性 <br>
(4) Border属性 <br>
(5) Height属性<br>
(6) Width属性 </p>
<p align="center"><img src="image/slide4image004.PNG" width="426" height="207"></p>
<p> 8. HtmlInputCheckBox控件 HtmlInputCheckBox控件的主要属性和事件如下：<br>
(1)Checked属性 <br>
(2) OnServerChange方法<br>
9. HtmlInputRadioButton控件 HtmlInputRadioButton控件的主要属性和事件如下：<br>
(1)Checked属性 <br>
(2)Name属性 <br>
(3) Value属性 <br>
(4) ServerChange事件 <br>
(5) OnServerChange方法 <br>
10. HtmlSelect控件该控件的主要属性和事件如下：<br>
(1)Multiple属性<br>
(2) Size属性 <br>
(3) SelectedIndex属性 <br>
(4) Items属性<br>
(5)Value属性<br>
(6) DataSource属性<br>
(7) DataValueField属性 <br>
(8)DataTextField属性 <br>
(9)OnServerChange方法 <br>
11. 其他HTML服务器控件 其他HTML服务器控件对应的HTML元素及用途见右表。</p>
<p align="center"><img src="image/slide4image005.PNG" width="493" height="242"></p>
<p>4.3 Web服务器控件 <br>
4.3.1 Web服务器控件的层次结构 下图显示了System.Web.UI.WebControls名称空间中控件的层次结构。</p>
<p align="center"><img src="image/slide4image006.PNG" width="518" height="287"></p>
<p>4.3.2 Web服务器控件基本语法 Web服务器控件的基本语法：<br>
<ASP: 控件Id=“控件名称” Runat=“Server” 属性1=“属性设置值1” 属性2=“属性设置值2”……></ASP:
控件> 或者<br>
<ASP: 控件Id=“控件名称” Runat=“Server”/ 属性1=“属性设置值1” 属性2=“属性设置值2”…… / > <br>
4.3.3 Web服务器控件详解<br>
1. Button控件 <br>
Button控件的使用语法： <br>
<ASP: Button 属性设置></ASP: Button> 或者 <br>
<ASP: Button 属性设置 /> <br>
Button控件主要属性和事件如下：<br>
(1)Enabled属性 <br>
(2) Text属性 <br>
(3) ToolTip属性 <br>
(4) CommandName属性 <br>
(5)CommandArgument属性 <br>
(6)OnClick事件 <br>
2. HyperLink控件 <br>
HyperLink控件的使用语法： <br>
<ASP: Hyperlink 属性设置></ASP: Hyperlink > 或者 <br>
<ASP: Hyperlink 属性设置 /><br>
HyperLink控件的主要属性如下：<br>
(1) Text属性<br>
(2) ImageUrl属性 <br>
(3) NavigateUrl属性<br>
(4) Target属性 <br>
3. LinkButton控件 <br>
LinkButton控件的使用语法：<br>
<ASP: LinkButton 属性设置> </ASP: LinkButton>或者<br>
<ASP: LinkButton 属性设置 /> <br>
LinkButton控件的主要属性和事件如下: <br>
(1) Text属性 <br>
(2) Enabled属性 <br>
(3) ToolTip属性<br>
(4) CommandName属性 <br>
(5) CommandArgument属性<br>
(6)Command事件 <br>
4. ImageButton控件 <br>
ImageButton控件使用语法：<br>
<ASP: ImageButton 属性设置> </ASP: ImageButton> 或者 <br>
<ASP: ImageButton 属性设置 /> <br>
ImageButton控件的主要属性和事件如下：<br>
(1) Enabled属性 <br>
(2) CommandName属性 <br>
(3) CommandArgument属性 <br>
(4) ImageUrl属性 <br>
(5) ImageAlign属性 <br>
(6) ToolTip属性 <br>
(7)OnClick事件 <br>
5. Label控件 Label控件使用语法： <br>
<ASP: Label 属性设置> </ASP: Label>或者<br>
<ASP: Label 属性设置 /> <br>
Label控件的主要属性：<br>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -