从入门到精通9_10.pptVIP

ASP.NET从入门到精通 MS面向对象网络开发技术 天津理工大学华信软件学院 张一鸣 2011年1月24日 第九章 用户控件和页面绘图 2011年2月15日 本章主要内容 本章介绍用户创建自定义的控件，以及利用GDI+技术实现页面上动态创建图形。 用户控件 页面绘图 用户控件和ASP.NET网页的区别 一个用户控件就是一个简单的ASP.NET页面，不过它可以被另外一个ASP.NET页面包含进去。用户控件和ASP.NET页面的区别表现在： 用户控件的文件扩展名为.ascx，不是.aspx 用户控件的代码隐藏文件派生自Sytem.Web.UI.UserCon-trol类。用户控件中没有“@Page”指令，而是包含“@Control”指令，该指令对配置及其他属性进行定义 用户控件不能作为独立文件运行，而必须像处理任何控件一样，将它们添加到ASP.NET页面中 用户控件中没有html、body或form元素，这些元素必须位于宿主页中 @Control指令 每个.ascx文件只能包含一条“@Control”指令，该指令只允许定义一个Language属性，因为每个控件只能使用一种语言。 @Control指令的语法如下： %@Control attribute=“value” [attribute=“value” ...]% 其中，attribute表示@Control指令中各属性。参见下表。 要添加一个.ascx页时，在页面中@Control指令默认代码如下： %@Control Language=“C#” AutoEventWireup=“true” CodeFile=“AdminPanel.ascx.cs” Inherits=“Controls_AdminPanel” % @Control指令属性说明 用户控件的创建 创建用户控件的过程主要包括一下几个步骤： 在现在打开的网站项目名称或其下某个文件夹处右单击，在弹出的快捷菜单中选择“添加新项”命令，打开“添加新项”对话框 在“添加新项”对话框里提供的若干可供选择的文件模版，选择Web用户控件模版，默认文件名为WebUser-Control.ascx，程序员可以根据需要改名 在语言下拉列表中有三种可供选择的语言，选择C# 选择“将代码放在单独的文件中”复选框，表示用户控件的代码将分别存放在.ascx和.ascx.cs文件中。 用户控件的创建（续） 5. 单击“添加”按钮，关闭“添加新项”对话框并在“网站项目”目录下添加一个WebUserControl.ascx文件和一个WebUserControl.ascx.cs文件。前者的初始代码如下： %@Control Language=“C#” AutoEventWireup=“true” CodeFile=“WebUserControl.ascx.cs” Inherits=“WebUserControl” % 6. WebUserControl.ascx.cs文件的初始代码如下（此文件中生成了一个名为WebUserControl的类，它继承了所有用户控件的基类Sytem.Web.UI.UserControl类，提供了一些开发用户控件所需要的属性、方法和事件）： 用户控件代码隐藏文件的初始代码 用户控件的创建（续2） 在添加一个用户控件文件后，程序员就可以根据自己的需要设计该文件的内容，其设计过程和设计普通的ASP.NET网页基本一样。 经过以上7步，就建立了一个和系统提供的标准Web控件类似的用户定义Web 控件了。 下面通过一个例子来演示用户自己定义一个具有搜索数据库中的数据的功能的用户控件的实际过程。 例子9.1 用户定义搜索数据控件 用户定义一个在数据表中搜索数据的控件的操作过程参见下面的视频文件： ..\ASP.NET学习大全(整理)\ASP.NET3.5资料\语音教学\第29讲 用户控件.exe 例子9.1 搜索数据控件的创建步骤 创建一个网站项目Sample9-1 在其中添加一个名为Search.ascx的文件 双击Search.ascx文件，打开它 在主设计窗口中切换到“设计”视图，选择“布局”| “插入表”命令，在设计页面中插入一个一行三列的表 从“工具箱”里拖入一个Label控件，并设置其属性ID为ColumnName，Text为列名，把此控件放在新插入表的最左边的列中 从工具箱中一个TextBox控件，并设置其属性ID为Condition，并把此控件放在新插入表中间的列中 例子9.1 搜索控件创建步骤（续1） 例子9.1 搜索控件创建步骤（续3） /// 公开的属性,有程序员设置要填充的GridView