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 服务器控件 Button 执行顺序之谜,颠覆你的开发认知!
【8月更文挑战第16天】在ASP.NET开发中,通过Button控件实现先执行JavaScript再触后台处理的需求十分常见。例如,在用户点击按钮前需前端验证或提示,确保操作无误后再传递数据至后台深度处理。此过程可通过设置Button的`OnClientClick`属性调用自定义JavaScript函数完成验证;若验证通过,则继续触发后台事件。此外,结合jQuery也能达到相同效果,利用`__doPostBack`手动触发服务器端事件。这种方式增强了应用的交互性和用户体验。
129 8
【Azure 媒体服务】Media Service的编码示例 -- 创建缩略图子画面的.NET代码调试问题
【Azure 媒体服务】Media Service的编码示例 -- 创建缩略图子画面的.NET代码调试问题
|
12月前
|
C#
winform .net6 和 framework 的图表控件,为啥项目中不存在chart控件,该如何解决?
本文讨论了在基于.NET 6和.NET Framework的WinForms项目中添加图表控件的不同方法。由于.NET 6的WinForms项目默认不包含Chart控件,可以通过NuGet包管理器安装如ScottPlot等图表插件。而对于基于.NET Framework的WinForms项目,Chart控件是默认存在的,也可以通过NuGet安装额外的图表插件,例如LiveCharts。文中提供了通过NuGet添加图表控件的步骤和截图说明。
winform .net6 和 framework 的图表控件,为啥项目中不存在chart控件,该如何解决?
|
11月前
|
开发者 Windows
.NET 开源扁平化、美观的 C/S 控件库
【10月更文挑战第23天】介绍了三款适用于 .NET 平台的开源扁平化、美观的 C/S 控件库:MaterialSkin 采用 Google Material Design 风格,适合现代感界面;Krypton Toolkit 提供丰富控件,界面易于定制;Fluent Ribbon Control Suite 模仿 Office 界面,适合复杂功能应用。每款控件库均附有示例代码及 GitHub 链接。
451 0
|
11月前
|
C# Android开发 iOS开发
一组.NET MAUI绘制的开源控件 - AlohaKit
一组.NET MAUI绘制的开源控件 - AlohaKit
203 0
|
XML API 图形学
【Azure Developer】.Net 简单示例 "文字动图显示" Typing to SVG
【Azure Developer】.Net 简单示例 "文字动图显示" Typing to SVG
【Azure Developer】.Net 简单示例 "文字动图显示" Typing to SVG
|
XML API 图形学
.Net 简单示例 "文字动图显示" Typing to SVG “
该文描述了一个.NET API的实现过程,该API能将输入的文字转换成SVG动态图。首先,作者展示了示例网站(&lt;https://readme-typing-svg.demolab.com/&gt;)的功能,它能将文字转化为可自定义样式的SVG动画。接着分析了示例URL的响应,发现其内容类型为`image/svg+xml`,主要由SVG、path、animate和text元素组成。通过创建一个.NET Core Web API项目,作者设置了响应内容类型为`image/svg+xml`,并将示例URL的SVG内容直接输出,成功实现了相同效果。
109 1
|
前端开发 数据库连接 数据库
ASP.NETMVC数据库完整CRUD操作示例
ASP.NETMVC数据库完整CRUD操作示例
126 0
|
SQL 开发框架 前端开发
ASP.NET WEB项目中GridView与Repeater数据绑定控件的用法
ASP.NET WEB项目中GridView与Repeater数据绑定控件的用法
143 0