ms-help_MS_MSDNQTR_v90_chs_dv_vwdcon_html_41eb21f7-d944-46ae-.pdf

Visual Web Developer 演练：使用 ASP.NET 用户控件创建可重用元素 请参见 ASP.NET 用户控件使您能够封装一个单元中多个服务器控件的功能。用户控件由一个或多个 ASP.NET 服务器控 件（Button 控件、TextBox 控件等）以及控件执行您希望完成的功能所需的任何代码组成。用户控件还可以包 括自定义属性或方法，这些属性或方法向容器（通常为 ASP.NET 页）显示用户控件的功能。 在本演练中，将创建用作选择器控件的 ASP.NET 用户控件。此选择器控件有两个列表，一个列表（源）中有一组 选择。用户可以在“SourceList 列表中选择项，然后将这些项添加到“TargetList 列表中。 本演练有三个部 ，如下所示： l 在第一部 中，将创建基本用户控件，添加控件和代码。 l 在第二部 中，将创建新的 ASP.NET 页（主页面），然后将用户控件添加到此 ASP.NET 页。 l 在第三部 中，将自定义属性和方法添加到用户控件，以便可以从主页面与控件交互。 本演练涉及以下任务： l 创建用户控件，并将 ASP.NET 服务器控件添加到此用户控件。 l 在用户控件中创建属性和方法。 l 将用户控件添加到主页面。 l 向主页面添加代码以处理用户控件。 先决条件 为了完成本演练，您需要： l Microsoft Visual Web Developer 网站开发工具。 l Microsoft .NET Framework。 本演练假设您大致了解如何使用 Visual Web Developer 。有关介绍，请参见 练：在 Visual Web Developer 中创建基本网页。 创建网站 如果您已经在 Visual Web Developer 中创建了网站 （例如，通过完成 练：在 Visual Web Developer 中创建基本网页），则可以使用该网站，并转至下一节。否则，按照下面的步骤创建一个新的网站和网页。 创建文件系统网站 1. 打开 Visual Web Developer 。 2. 在“文件”菜单上指向“新建”，然后单击 “网站”。 出现 “新建网站”对话框。 3. 在“Visual Studio 已安装的模板”之下单击 “ASP.NET 网站”。 4. 在最右边的“位置”框中输入要保存网站网页的文件夹的名称。 例如，键入文件夹名 “C:\WebSites 。 5. 在“语言”列表中，单击您想使用的编程语言。 6. 单击 “确定”。 Visual Web Developer 创建该文件夹和一个名为 Default.aspx 的新页。 创建用户控件 创建用户控件与创建 ASP.NET 网页相似。事实上，用户控件是 ASP.NET 页的子集，它可以包括放置到 ASP.NET 页的大多数类 的元素。 创建用户控件 1. 在解决方案资源管理器中，右击网站的名称，然后单击 “添加新项”。 2. 在“添加新项 路径”对话框的“Visual Studio 已安装的模板”下，单击 “Web 用户控件”。 3. 在“名称”框中键入 “ListPicker 。 用户控件文件的扩展名将为 .ascx，此扩展名自动添加到“ListPicker 。 4. 在“语言”列表中，选择您想使用的编程语言。 5. 单击 “添加”。 即会创建新控件并将其在设计器中打开。控件的标记与页面的标记相似，最大的不同在于页面的顶部没有 @ Page 指令。而是有 @ Control 指令，此指令将该文件作为用户控件向 ASP.NET 标识。 将服务器控件添加到用户控件 在演练的此部 中，将添加组成用户控件的用户界面的控件。 添加服务器控件 1. 切换到“设计”视图。（如果使用的是代码隐藏页，请切换到 ListPicker.ascx 控件，然后切换到“设 计”视图。） 2. 在“表”菜单上单击 “插入表”。 3. 使用“插入表”对话框，创建带有一行和三列的表格，然后单击 “确定”。 正在创建用于保存控件的表，即布局表格。 4. 在此表的左列中键入 “Available ，然后按 Enter 以创建新行。 5. 在右列中键入 “Selected ，然后按 Enter 以创建新行。 6. 从工具箱的“标准”组中，将以下控件拖到表中，然后按指示设置它们的属性。 控件