自定义用户控件模板

最新推荐文章于 2025-03-17 17:28:33 发布

原创最新推荐文章于 2025-03-17 17:28:33 发布 · 745 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#server #string #class #xhtml #object #asp

ASP.NET 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何创建一个可重复使用的ASP.NET用户控件模板，并通过具体示例演示了如何在宿主页面上使用该模板。示例中包含了自定义用户控件的源代码及宿主页面的配置。

1、在Controls文件夹下添加名为TemplatedUC用户控件，该用户控件创建一个可在宿主页上声明为 <MessageTemplate> 的模板。该模板控件还公开两个可由宿主页在模板内访问的属性：Index 和 Message。

源代码如下：

using System; using System.Collections; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq; using System.ComponentModel; public partial class Controls_TemplatedUC : System.Web.UI.UserControl { private ITemplate messageTemplate = null; [TemplateContainer(typeof(MessageContainer))] [PersistenceMode(PersistenceMode.InnerProperty)] public ITemplate MessageTemplate { get { return messageTemplate; } set { messageTemplate = value; } } void Page_Init() { if (messageTemplate != null) { string[] fruits = { "apple", "orange", "banana", "pineapple" }; for (int i = 0; i < 4; i++) { MessageContainer container = new MessageContainer(i, fruits[i]); messageTemplate.InstantiateIn(container); PlaceHolder1.Controls.Add(container); } } } protected void Page_Load(object sender, EventArgs e) { } public class MessageContainer : Control, INamingContainer { private int m_index; private String m_message; internal MessageContainer(int index, String message) { m_index = index; m_message = message; } public int Index { get { return m_index; } } public String Message { get { return m_message; } } } }

2、创建包含该用户控件的页面CustomControlTemplate.aspx。代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CustomControlTemplate.aspx.cs" Inherits="CustomControlTemplate" %> <%@ Register Src="Controls/TemplatedUC.ascx" TagName="TemplatedUC" TagPrefix="uc1" %><%--引用用户控件--%> <!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 runat="server"> <title>用户控件模板</title> </head> <body> <h1> Testing Templated User Control</h1> <form id="form1" runat="server"> <div> <uc1:TemplatedUC ID="TemplatedUC1" runat="server"> <MessageTemplate> Index: <asp:Label runat="server" ID="Label1" Text='<%# Container.Index %>' /> <br /> Message: <asp:Label runat="server" ID="Label2" Text='<%# Container.Message %>' /> <hr /> </MessageTemplate> </uc1:TemplatedUC> </div> </form> </body> </html>

--------------------------------------
后台代码：

3、好了，点击F5即可运行。显示的结果如图所示。