web developer tips (8):创建web用户控件并包含在web页面里

原文地址: How to create an ASP.NET Web User Control and include it in your web page

使用Visual Web Developer,创建一个web用户控件(Web User Control)和创建一个asp.net的页面一样简单。

步骤如下:
https://www.watch-life.net/visual-studio/how-to-create-an-asp-net-web-user-control-and-include-it-in-your-web-page.html

1、打开一个已经创建的用来添加一个用户控件的网站项目。、

2、右键单击项目,在上下文菜单选择“添加+新建项”,打开“新建项”对话框,里面有Visual Studio已安装模板的列表。如下图所示,选择“web用户控件”

Web User Control

3.点击添加,把web用户控件添加到网站项目中,你可以在设计视图中打开控件,然后从工具箱添加控件到web用户控件。
4.除了以.ascx作为扩展名,Asp.net 的web用户控件看起来和Asp.Net Web页面很相似,同时,有一个@Control的指令,而不是@Page指令,@Control指令看起来就像下面的这种

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="WebUserControl.ascx.vb" Inherits="WebUserControl" %>

 
5、在一个web页面注册web用户控件很简单,在设计模式下从解决方案管理器中拖拽web用户控件到需要的页面即可,Visual Studio会自动在页面上注册web用户控件,在页面上添加一个@Register指令,如下所示:
<%@ Register src="WebUserControl.ascx" tagname="WebUserControl" tagprefix="uc1"%>

tagname 属性是控件的名字,tagprefix用来确定web用户控件的独特命名空间,Src 属性是用户控件的路径。

6、Visual Studio 也通过如下代码在页面上添加一个用户控件:

 

<uc1:WebUserControl ID="WebUserControl1" runat="server" />

注意:TagName和TagPrefix被用作控件的唯一标志。

你可能也会喜欢以下文章:

发表评论

电子邮件地址不会被公开。 必填项已用*标注