asp.net模板控件示例

简介: 原文:asp.net模板控件示例 模板控件允许将控件数据与其表示形式相分离,模板化控件不提供用户界面。 编写它则是为了实现一个命名容器以及包含属性和方法可由宿主页访问的类,MSDN是这样解释的。   下面是一个简单的示例:  1:建立一个自定义模板控件  MyTemplateControl.ascx  2:为建立的模板控件定义一个ITemplate类型的属性  3:为 ITemplate 定义一个NamingContainer类  4:应用TemplateContainer至ITemplate类型的属性上 。
+关注继续查看
原文:asp.net模板控件示例

模板控件允许将控件数据与其表示形式相分离,模板化控件不提供用户界面。

编写它则是为了实现一个命名容器以及包含属性和方法可由宿主页访问的类,MSDN是这样解释的。

 

下面是一个简单的示例:

 1:建立一个自定义模板控件  MyTemplateControl.ascx

 2:为建立的模板控件定义一个ITemplate类型的属性

 3:为 ITemplate 定义一个NamingContainer类

 4:应用TemplateContainer至ITemplate类型的属性上 。

 5:初始化模板数据,把 模板加至模板容器中。

 6:测试模板控件,绑定数据。

 

示例代码:

 MyTemplateControl.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MyTemplateControl.ascx.cs" Inherits="FrameworkWebStudy.MyTemplateControl" %>
<asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>


 只定义了一个容器。用于包含模板控件数据。

 

private ITemplate template = null;
        [TemplateContainer(typeof(ContentContainer))]
        [PersistenceMode(PersistenceMode.InnerProperty)]
        
public ITemplate ContentTemplate
        {
            
get { return template; }
            
set { template = value; }
        }


模板容器,必须实现INamingContainer接口,这仅只是一个标记接口,

任何实现该接口的控件都创建一个新的命名空间,在这个新的命名空间中,

所有子控件 ID 在应用程序内是唯一的。

 

public class ContentContainer : Control, INamingContainer
    {
        
private string m_content;
        
public ContentContainer(string content)
        {
            m_content = content;
        }
        
public string Content
        {
            
get { return m_content; }
        }
    }


初始化一些测试数据,添加至控件的Page_Init方法中

void Page_Init()
 {
   if (template != null)
   {
     string[] content = { "henry""yunyun""onlyone""onely" };
     for (int i = 0; i < content.GetUpperBound(0); i++)
      {
        ContentContainer container = new ContentContainer(content[i]);
        template.InstantiateIn(container);
        PlaceHolder1.Controls.Add(container);
      }
    }
}


 

应用示例:

 

<form id="form1" runat="server">
    
<div>
        
<uc1:MyTemplateControl ID="MyTemplateControl1" runat="server">
            
<ContentTemplate>
                Content:<asp:Label ID="lblContent" runat="server" Text='<%# Container.Content %>'></asp:Label>
            
</ContentTemplate>
        
</uc1:MyTemplateControl>
    
</div>
</form>

绑定数据:

Page.DataBind();


运行结果:

 

目录
相关文章
|
开发框架 前端开发 JavaScript
ASP.NET Core 2.1以上Bootstr ap4前端模板文件,开发环境与发布环境前端模板environment的使用
ASP.NET Core 2.1以上Bootstr ap4前端模板文件,开发环境与发布环境前端模板environment的使用
169 0
ASP.NET Core 2.1以上Bootstr ap4前端模板文件,开发环境与发布环境前端模板environment的使用
|
.NET 开发框架 数据库
学习ASP.NET Core Razor 编程系列五——Asp.Net Core Razor新建模板页面
原文:学习ASP.NET Core Razor 编程系列五——Asp.Net Core Razor新建模板页面 学习ASP.NET Core Razor 编程系列目录 学习ASP.NET Core Razor 编程系列一 学习ASP.
1220 0
|
前端开发 .NET C#
学习ASP.NET Core Razor 编程系列四——Asp.Net Core Razor列表模板页面
原文:学习ASP.NET Core Razor 编程系列四——Asp.Net Core Razor列表模板页面 学习ASP.NET Core Razor 编程系列目录 学习ASP.NET Core Razor 编程系列一 学习ASP.NET Core Razor 编程系列二——添加一个实体  学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面   本篇文章介绍上一篇文章中创建的书籍信息管理系统中增删改查的四个Razor模板页面。
1177 0
|
前端开发 .NET Java
52ABP模板 ASP.Net Core 与 Angular的开源实例项目
阅读文本大概需要 5 分钟。 关注角落的白板报 开始之前 自从上一篇文章".NET:持续进化的统一开发平台"发布后,已经有三个月的时间没有写过文章了。
1674 0
相关产品
云迁移中心
推荐文章
更多