100165699.htm
来自「C#高级编程(第三版),顶死你们。。 。up」· HTM 代码 · 共 750 行 · 第 1/4 页
HTM
750 行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
27.1 用户控件
</title></head>
<body>
<div class="area">
<div class="col1">
<div class="lineBlue">
</div>
<!-- title -->
<div class="arcTitle">
<h1>
<a href="../16">
C#高级编程（第3版）
</a>
</h1>
<div style="text-align: center; font-size: 15px">
<a href="100165699.htm">
27.1 用户控件
</a>
</div>
<div style="text-align: center; font-size: 15px">
<a class="url" href="../../default.htm">http://book.csdn.net/</a>
2006-10-13 14:41:00
</div>
<div style="margin: 0px auto; width: 700px; border: solid 1px #0b5f98;">
<div style="float: left; width: 16px; background-color: #0b5f98; color: White; padding: 1px;">
图书导读
</div>
<div style="float: right; width: 670px; text-align: left; line-height: 16pt; padding-left: 2px">
<!--导读-->
<h1 id="divCurrentNode" style="color: #b83507; width: 100%; text-align: left; font-size: 12px; padding-left: 2px">当前章节:<a href='100165699.htm'><font color='red'>27.1 用户控件</font></a></h1>
<div id="divRelateNode" style="padding-left: 2px">
<div style='float:left;width:49%'>·<a href='100165696.htm'>26.4.2 会议登记客户程序</a></div><div style='float:right;width:49%'>·<a href='100165697.htm'>26.5 使用SOAP标题交换数据</a></div><div style='float:left;width:49%'>·<a href='100165698.htm'>26.6 小结</a></div><div style='float:right;width:49%'>·<a href='100165700.htm'>27.2 定制控件</a></div><div style='float:left;width:49%'>·<a href='100165701.htm'>27.2.1 定制控件的项目配置</a></div><div style='float:right;width:49%'>·<a href='100165702.htm'>27.2.2 基本的定制控件</a></div></div>
</div>
</div>
</div>
<!-- main -->
<div id="main">
<div id="text">
<div id="csdn_zhaig_ad_yahoo_2"></div>
<link href="css.css" rel="stylesheet" type="text/css" />
<p class=MsoNormal><span style='font-family:宋体'>在进行</span><span lang=EN-US>Web</span><span
style='font-family:宋体'>开发时通常会出现这样的情况：即可用的工具的功能虽然强大，但不符合具体项目的需求，可能是给定控件的工作方式并不像所期望的那样，也可能是一部分代码本来的目的是能够在多个页上重用，但是许多开发人员实现起来却相当复杂。在这些情况下，定制控件的建立就尤为迫切。简言之，定制控件可以把多个现有的控件包装在一起，这些现有控件还可能有指定布局的额外属性；定制控件也可以与现有的控件完全不同。使用定制控件与使用</span><span
lang=EN-US>ASP.NET</span><span style='font-family:宋体'>中的控件一样简单，能使</span><span
lang=EN-US>Web</span><span style='font-family:宋体'>站点的编码非常容易。</span></p>
<p class=MsoNormal><span style='font-family:宋体'>在过去，实现定制控件是非常复杂的，尤其在大型系统中，由于使用定制控件需要复杂的注册过程，因此定制控件的实现就更为复杂。即使在简单的系统上，创建定制控件所需进行的编码也是一个相当复杂的过程。老版本</span><span
lang=EN-US>Web</span><span style='font-family:宋体'>语言的脚本编码功能也不能对手工编写的对象模型提供较好地访问，因此各个方面的性能都比较差。</span></p>
<p class=MsoNormal><span lang=EN-US>.NET Framework</span><span
style='font-family:宋体'>使用简单的编程技术，为定制控件的创建提供了一个理想的设置。</span><span lang=EN-US>ASP.NET</span><span
style='font-family:宋体'>服务器控件的每个方面都可以随意定制，包括模板制作、客户端脚本编码等功能。但是，也不必为所有这些功能编写代码；控件越简单，创建就越容易。</span></p>
<p class=MsoNormal><span style='font-family:宋体'>另外，</span><span lang=EN-US>.NET</span><span
style='font-family:宋体'>系统中固有的程序集动态查询使</span><span lang=EN-US>Web</span><span
style='font-family:宋体'>应用程序在新</span><span lang=EN-US>Web</span><span
style='font-family:宋体'>服务器上的安装如同复制包含代码的目录结构一样简单。要使用自己创建的控件，只需复制包含这些控件的程序集和其他代码即可。甚至可以把频繁使用的控件放在</span><span
lang=EN-US>Web</span><span style='font-family:宋体'>服务器上一个位于全局程序集缓存器</span><span
lang=EN-US>(GAC)</span><span style='font-family:宋体'>的程序集中，这样服务器上所有的</span><span
lang=EN-US>Web</span><span style='font-family:宋体'>应用程序就可以访问它们了。</span></p>
<p class=MsoNormal><span style='font-family:宋体'>本章将介绍两类不同的控件：</span></p>
<p class=1 style='margin-left:37.55pt;FTEL:-16.1pt'><span lang=EN-US>●<span
style='font:7.0pt "Times New Roman"'> </span></span><span
style='font-family:宋体'>用户控件</span><span lang=EN-US>——</span><span
style='font-family:宋体'>即把现有的</span><span lang=EN-US>ASP.NET</span><span
style='font-family:宋体'>页转化为控件</span></p>
<p class=1 style='margin-left:37.55pt;FTEL:-16.1pt'><span lang=EN-US>●<span
style='font:7.0pt "Times New Roman"'> </span></span><span
style='font-family:宋体'>定制控件</span><span lang=EN-US>——</span><span
style='font-family:宋体'>即组合几个控件的功能、扩展现有的控件以及从头创建新的控件</span></p>
<p class=MsoNormal><span style='font-family:宋体'>我们将创建一个简单的控件，显示一副扑克牌</span><span
lang=EN-US>(</span><span style='font-family:宋体'>黑桃、方块、红桃和梅花</span><span
lang=EN-US>)</span><span style='font-family:宋体'>，以便轻松地把它嵌入到其他</span><span
lang=EN-US>ASP.NET</span><span style='font-family:宋体'>页面中，以此来阐明用户控件的用法。对于定制控件，则创建一个投票控件，它允许用户在列表中选择一个候选人进行投票，并查看投票过程。</span></p>
<h3 style='margin-top:11.4pt;margin-right:0cm;FTEL:11.4pt;margin-left:
0cm'><span lang=EN-US>27.1 </span><span style='font-family:楷体_GB2312'>用户控件</span></h3>
<p class=MsoNormal><span style='font-family:宋体'>用户控件是用</span><span lang=EN-US>ASP.NET</span><span
style='font-family:宋体'>代码创建的控件，就像在标准的</span><span lang=EN-US>ASP.NET Web</span><span
style='font-family:宋体'>页面中创建控件一样，不同之处在于一旦创建了用户控件，就可以在多个</span><span lang=EN-US>ASP.NET</span><span
style='font-family:宋体'>页面中重用它们。</span></p>
<p class=MsoNormal><span style='font-family:宋体'>例如，假定已经创建了一个显示数据库中信息的页面，信息也许是关于订单的，就不必创建一个固定的页面去显示信息，而是可以把相关的代码放到用户控件中，然后把该控件插入到任意多个不同的</span><span
lang=EN-US>Web</span><span style='font-family:宋体'>页面中。</span></p>
<p class=MsoNormal><span style='font-family:宋体'>此外，可以给用户控件定义属性和方法，例如，可以指定</span><span
lang=EN-US>Web</span><span style='font-family:宋体'>页面上显示数据库表时的背景色属性，或者指定一个方法，重新进行数据库查询以检查数据库中的变化。</span></p>
<p class=MsoNormal><span style='font-family:宋体'>下面创建一个简单的用户控件，与其他章节一样，本章的示例项目也可以从</span><span
lang=EN-US>Wrox</span><span style='font-family:宋体'>网站</span><span lang=EN-US>www.wrox.com</span><span
style='font-family:宋体'>上下载。</span></p>
<h3 style='margin-top:8.15pt;margin-right:0cm;FTEL:8.15pt;margin-left:
0cm'><span style='font-family:黑体'>一个简单的用户控件</span></h3>
<p class=MsoNormal><span style='font-family:宋体'>在</span><span lang=EN-US>VS.NET</span><span
style='font-family:宋体'>中，创建一个新</span><span lang=EN-US>Web</span><span
style='font-family:宋体'>应用程序</span><span lang=EN-US>PCSUserCWebApp1</span><span
style='font-family:宋体'>。一旦生成标准文件，就可以选择</span><span lang=EN-US>Project | Add New
Item</span><span style='font-family:宋体'>菜单选项，添加名称为</span><span lang=EN-US>PCSUserC1.ascx</span><span
style='font-family:宋体'>的</span><span lang=EN-US>Web</span><span
style='font-family:宋体'>用户控件，如图</span><span lang=EN-US>27-1</span><span
style='font-family:宋体'>所示。</span></p>
<p align=center><span lang=EN-US><img width=360 height=267
src="27/image001.jpg"></span></p>
<p align=center style='FTEL:8.15pt'><span style='font-family:宋体'>图</span><span
lang=EN-US> 27-1</span></p>
<p class=MsoNormal><span style='font-family:宋体'>给项目添加的文件的扩展名为</span><span
lang=EN-US>.ascx</span><span style='font-family:宋体'>和</span><span lang=EN-US>.ascx.cs</span><span
style='font-family:宋体'>，它们的工作方式与前面的</span><span lang=EN-US>.aspx</span><span
style='font-family:宋体'>文件非常相似。</span><span lang=EN-US>.ascx</span><span
style='font-family:宋体'>文件将包含</span><span lang=EN-US>ASP.NET</span><span
style='font-family:宋体'>代码，看起来与普通的</span><span lang=EN-US>.aspx</span><span
style='font-family:宋体'>文件非常相似。</span><span lang=EN-US>.ascx.cs</span><span
style='font-family:宋体'>文件是代码后置文件，它定义了用户控件，定义的方式与在</span><span lang=EN-US>.aspx.cs</span><span
style='font-family:宋体'>文件中定义窗体的方式一样。</span></p>
<p class=MsoNormal><span style='font-family:宋体'>与</span><span lang=EN-US>.aspx</span><span
style='font-family:宋体'>文件相似，也可以在设计或</span><span lang=EN-US>HTML</span><span
style='font-family:宋体'>视图中查看</span><span lang=EN-US>.ascx</span><span
style='font-family:宋体'>文件。在</span><span lang=EN-US>HTML</span><span
style='font-family:宋体'>视图中查看文件，可以发现一个重要的区别：</span><span lang=EN-US>.ascx</span><span
style='font-family:宋体'>文件没有显示</span><span lang=EN-US>HTML</span><span
style='font-family:宋体'>代码，特别是没有</span><span lang=EN-US><form></span><span
style='font-family:宋体'>元素，原因在于：用户控件要插入到其他文件的</span><span lang=EN-US>ASP.NET</span><span
style='font-family:宋体'>窗体中，因此不需要自己的窗体标记。生成的代码如下所示。</span></p>
<p class=2 style='margin-top:8.15pt;margin-right:0cm;FTEL:0cm;
margin-left:21.45pt;FTEL:.0001pt;FTEL:18.45pt'><span
lang=EN-US><%@ Control Language="c#"
AutoEventWireup="false" Codebehind="PCSUserC1.ascx.cs"</span></p>
<p class=2 style='margin-left:21.45pt;FTEL:18.45pt'><span lang=EN-US>
Inherits="PCSUserCWebApp1.PCSUserC1"</span></p>
<p class=2 style='margin-top:0cm;margin-right:0cm;FTEL:8.15pt;
margin-left:21.45pt;FTEL:18.45pt'><span lang=EN-US>
TargetSchema="http://schemas.microsoft.com/intellisense/ie5"%></span></p>
<p class=MsoNormal><span style='font-family:宋体'>这非常类似于在</span><span lang=EN-US>.aspx</span><span
style='font-family:宋体'>文件中生成的</span><span lang=EN-US><%@ Page %></span><span
style='font-family:宋体'>指令，但指定了</span><span lang=EN-US>Control</span><span
style='font-family:宋体'>，而不是</span><span lang=EN-US>Page</span><span
style='font-family:宋体'>，并包括一个</span><span lang=EN-US>TargetSchema</span><span
style='font-family:宋体'>属性。这个属性指定控件是为哪个浏览器创建的。在本例中是</span><span lang=EN-US>Internet
Explorer 5</span><span style='font-family:宋体'>，这会影响可以从</span><span lang=EN-US>VS.NET</span><span
style='font-family:宋体'>工具箱中添加的项目。</span></p>
<p class=MsoNormal><span style='font-family:宋体'>查看</span><span lang=EN-US>.aspx.cs</span><span
style='font-family:宋体'>文件中生成的代码，可以发现另一个与</span><span lang=EN-US>ASP.NET</span><span
style='font-family:宋体'>页面的重要区别：所生成的类是从</span><span lang=EN-US>System.Web.UI.UserControl</span><span
style='font-family:宋体'>继承来的。这也是因为控件将用在窗体中，控件并不是窗体。</span></p>
<p class=MsoNormal><span style='font-family:宋体'>本例的简单控件是一个显示图形的控件，显示的图形对应于扑克牌中的一种花色</span><span
lang=EN-US>(</span><span style='font-family:宋体'>即梅花、方块、红桃和黑桃</span><span
lang=EN-US>)</span><span style='font-family:宋体'>。这里所需的图形是</span><span
lang=EN-US>VS.NET</span><span style='font-family:宋体'>附带的图形；它们在</span><span
lang=EN-US>C:\Program Files\Microsoft Visual Studio .NET 2003\Common7\Graphics\bitmaps\assorted</span><span
style='font-family:宋体'>目录中，其文件名分别是</span><span lang=EN-US>CLUB.BMP</span><span
style='font-family:宋体'>、</span><span lang=EN-US>DIAMOND.BMP</span><span
style='font-family:宋体'>、</span><span lang=EN-US>HEART.BMP</span><span
style='font-family:宋体'>和</span><span lang=EN-US>SPADE.BMP</span><span
style='font-family:宋体'>。把这些图形文件复制到项目目录中，以便在后面使用它们。</span></p>
<p class=MsoNormal><span style='font-family:宋体'>给新控件添加一些代码。在</span><span
lang=EN-US>PCSUserC1.ascx</span><span style='font-family:宋体'>的</span><span
lang=EN-US>HTML</span><span style='font-family:宋体'>视图中添加下列代码：</span></p>
<p class=a6 style='margin-top:8.15pt;margin-right:0cm;FTEL:0cm;
margin-left:21.45pt;FTEL:.0001pt;FTEL:18.45pt'><a
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?