《ASP.NET 3.5简明教程 教学课件 ppt 作者 chapter04》由会员分享，可在线阅读，更多相关《ASP.NET 3.5简明教程 教学课件 ppt 作者 chapter04（16页珍藏版）》请在金锄头文库上搜索。
1、重点内容： 概述 创建用户控件 使用用户控件 用户控件事件,第4章 用户控件,一、概述,一个用户控件就是一个简单的ASP.NET页面，不过它可以被另外一个ASP.NET页面包含进去。用户控件存放在文件扩展名为.ascx的文件中，典型的.ascx文件中的代码形式如:,用户控件和ASP.NET网页有如下区别： 用户控件的文件扩展名为.ascx。 用户控件中没有 Page指令，而是包含 Control指令，该指令对配置及其他属性进行定义。 用户控件不能作为独立文件运行。而必须像处理任何控件一样，将它们添加到ASP.NET页中。 用户控件中没有html、body或form元素。这些元素必须位于宿主页中
2、。,1、基本概念,一、概述,用户控件提供了这样一种机制，它使得程序员可以建立能够非常容易的被ASP.NET页面使用或者重新利用的代码部件。在ASP.NET应用程序当中使用用户控件的一个主要的优点是用户控件支持一个完全面向对象的模式，使得程序员有能力去捕获事件。而且，用户控件支持程序员使用一种语言编写ASP.NET页面其中的一部分代码，而使用另外的一种语言编写ASP.NET页面另外一部分代码，因为每一个用户控件可以使用和主页面不同的语言来编写。,2、特性,二、创建用户控件,创建用户控件过程比较简单，主要包含一下几个步骤： (1) 右键单击网站项目名称或者网站项目名称下某个文件夹名字，在弹出的菜单
3、中选择“添加新项”命令，打开“添加新项”对话框。 (2) 在“添加新项”对话框里提供了可供选择文件模板，这里选择Web用户控件模板，文件默认文件名为WebUserControl.ascx，程序员可以根据需要自行修改。 (3) 在语言下拉列表中有三种可供选择的语言，这里选择Visual C#语言。 (4) 选中“将代码放在单独的文件中”复选框，表示代码将分别存储在.ascx文件和.ascx.cs文件中。 (5) 单击“添加”按钮，关闭“添加新项”对话框并在网站项目目录下添加一个WebUserControl.ascx文件和一个WebUserControl.ascx.cs文件。 (6) 在添加一个用
4、户控件文件之后，程序员就可以根据自己的需要设计符合自己需求的文件，设计过程和设计普通的ASP.NET网页没有什么区别。,1、创建步骤,二、创建用户控件,WebUserControl.ascx文件的初始代码如下: WebUserControl.ascx.cs文件的初始代码如下: using System; using System.Data; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using Sy
5、stem.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; public partial class WebUserControl : System.Web.UI.UserControl protected void Page_Load(object sender, EventArgs e) ,2、初始代码,二、创建用户控件,(1) 搜索数据控件的界面定义代码: ,3、示例:搜索数据控件,二、创建用户控件,(2)属性的定义,打开Search.ascx.c
6、s 在其中添加以下属性的定义代码: LabelText：显示给用户的搜索条件。 ConnectiongString：联接到数据库的连接字符串。 ResultGridView：要填充的GridView控件。 TableName：要搜索的数据库中表的名称。 ColumnCondition：根据哪一列搜索数据库中表的数据。,3、示例:搜索数据控件,二、创建用户控件,3、示例:搜索数据控件,(3)搜索方法的定义,打开Search.ascx.cs 定义一个函数SearchResult()，该函数将会根据用户输入的查询条件查询到数据并把数据集返回，该函数要利用到数据访问的知识.程序清单见本书清单4.6.,
7、(4)搜索按钮事件的定义,打开Search.ascx.cs 在该事件体中添加代码以实现当用户单击Search按钮时程序把查询到的数据集填充到GridView控件中,程序清单见本书清单4.7.,(5)初始事件的定义,打开Search.ascx.cs 在Page_Load事件加入初始化ColumnName标签的代码 ,程序清单见本书清单4.8.,三、使用用户控件,在前面讲述了如何创建用户控件，并介绍了一个具有搜索相应数据库的数据表中数据功能的用户控件的创建的过程。本节将要讲述如何引用以创建的用户控件，并以引用上一节创建的用户控件为例来介绍用户控件的使用。 其实使用用户控件和使用Web控件并没有什么
8、两样，用户控件本身也是一种Web控件，只需要把用户控件拖放到页面上，并设置相关属性，即可实现对该用户控件的引用。,三、使用用户控件,示例:使用搜索数据控件,(1) 由于该控件具有搜索数据库中数据的功能，因此需要先建立一个数据库，打开Access数据库，建立一个db1数据库，并在该数据库里添加一个数据表basic，该表的设计如下表所示。,三、使用用户控件,示例:使用搜索数据控件,(2) 把创建好的db1数据库放到项目chap04下的App_Data文件夹中。 (3) 打开项目chap04中的一个页面，这里打开的是Default.aspx。切换到“设计”视图。 (4) 插入一个2行1列的表。 (5
9、) 从右边的“解决方案管理器”中找到Search.ascx文件，也就是Search用户控件，选中该控件，按住右键把它拖放到Default.aspx页面中的表的第一行，这样就把一个用户控件添加到Default.aspx页面中了。但要使用它还需要设置相关属性，下面会一一讲解。 (6) 设置Search用户控件的属性LabelText为“城 市：”，表明这里要根据城市来查询数据。 (7) 从“工具箱”里拖如一个GridView控件放在表的第二行，默认ID为GridView1，并设置相关属性。到此界面的设计工作基本完成，切换到“源”视图，可以看到的代码如本书程序清单4.8。,三、使用用户控件,运行效果
10、,(8) 打开Default.aspx.cs文件，在Page_Load事件中设置用户控件的其它属性，代码如本书程序清单4.9。,示例:使用搜索数据控件,在其中输入查询条件,查询结果,四、使用用户控件,ASP.NET标准控件可以通过事件来与页面进行交互，同样用户控件也可以通过事件同页面进行交互。 要创建一个带有事件的用户控件，需要完成如下操作： (1) 定义公开(public)的事件委托，如ClickEventHandler。 (2) 在用户控件类中定义引发事件的方法，如OnClick方法。 (3) 在引发事件的方法的方法中判断事件委托是否为空，若不为空，则引发事件。,四、使用用户控件,示例:创
11、建带有事件的用户控件,(1) 在网站项目cha04中添加一个应用程序4-2。 (2) 添加一个名为LinkClick的用户控件定义，相应的定义文件为LinkClick.aspx。 (3) 打开文件LinkClick.aspx，切换到“设计”视图，从工具箱中拖入LinkButton控件。 (4) 打开文件LinkClick.aspx.cs，在里面加入单击事件委托定义代码，代码如下： 定义一个公开的事件委托。 public event EventHandler ClickEventHandler;/定义事件委托 (5) 添加LinkButton控件的单击事件处理函数，并在函数里面添加引发事件的代码
12、，代码如程序清单4.10。,四、使用用户控件,示例:创建带有事件的用户控件,(6) 打开页面文件Default.aspx，切换到“设计”视图。 (7) 从右边的“解决方案管理器”中找到LinkClick.ascx文件，也就是LinkClick用户控件，选中该控件，按住右键把它拖放到Default.aspx页面中的表的第一行，这样就把一个用户控件添加到Default.aspx页面中了 (8) 从工具箱中拖入一个Label控件。 (9) 由于在属性窗口中不显示用户控件的事件，因此必须在用户控件的定义代码中添加用户控件的事件句柄。切换页面Default.aspx到“源”视图，在LinkClick用户控件的代码添加事件处句柄，代码程序清单4.11。,四、使用用户控件,示例:创建带有事件的用户控件,(10) 打开文件Default.aspx.cs，在里面添加事件处理函数LinkClick1_OnClick的定义代码，代码如清单4.12。,运行效果,
