ASP.NET中实现模版的动态加载

转载 2007年09月17日 16:20:00

    ASP.NET中,经常会使用到templates(模版)功能,比如在datagrid,datalist,repeater等控件中,使用templates,将会大大增强其功能。以往,我们一般是在设计程序时,就已经设置好控件中的模版是怎样的了。但是,有的时候,可能我们需要动态加载模版,比如,当你要求你的应用程序的界面风格随着用户的需求而变化时,你就需要到动态加载模版的功能了。但要注意的是,并不是所有的web控件都支持模版功能,而且要注意,哪些控件支持模版的哪些功能,下面简单列出了一些支持模版功能的控件:

  Repeater控件,支持的模版有:HeaderTemplate, FooterTemplate, ItemTemplate, AlternatingItemTemplate, SeperatorTemplate.

  Datelist控件,支持的模版有:

HeaderTemplate, FooterTemplate, ItemTemplate, AlternatingItemTemplate, SeparatorTemplate, SelectedItemTemplate, EditItemTemplate.

  Datagrid控件,支持的模版有:

HeaderTemplate, FooterTemplate, ItemTemplate, EditItemTemplate, Pager.

  下面,我将以动态加载datalist控件的模版来说明如何动态加载模版:

  首先来了解动态加载模版的原理。在.NET中,有templatecontrol类,这个类是page和usercontrol类的基类。它也同时定义了page和usercontrol类的基本功能。该类提供了两个方法:loadcontrol和loadtemplate。Loadcontrol方法装载来自外部文件的控件,并且返回usercontrol类对象。而loadtemplate方法加载来自外部文件的模版并且返回的是Itemplate对象。

  Loadtemplate方法中,只有一个参数,参数值是外部模版文件的路径,并且返回itemplate对象。而datalist控件提供了一系列的属性,可以设置各种模版的属性,包括有AlternatingItemTemplate, EditItemTemplate, FooterTemplate, HeaderTemplate, ItemTemplate, SelectedItemTemplate, 和 SeperatorTemplate,

 接着,我们开始介绍例子,在示例程序中,是使用动态创建数据表和数据列的,并且将数据的创建封装到一个Db类中,好让读者进一步回顾如何动态创建数据表,数据列等,并没用从数据库中提取(当然,你也可以用传统的读取数据库的方法),

public class DB
{
 public DB()
 { }
 /// <summary>
 /// Method returns a DataSet object filled with data
 /// </summary>
 public static DataSet GetDataSet()
 {
  //创建dataset和datatable
  DataSet ds = new DataSet();
  DataTable table = new DataTable("Records");
  DataColumn col;
  //增加一个列
  col = new DataColumn();
  col.DataType = System.Type.GetType("System.Int32");
  col.ColumnName = "ID";
  col.ReadOnly = true;
  col.Unique = true;
  table.Columns.Add(col);

  col = new DataColumn();
  col.DataType = System.Type.GetType("System.String");
  col.ColumnName = "Name";
  col.AutoIncrement = false;
  col.Caption = "Name";
  col.ReadOnly = false;
  col.Unique = false;
  table.Columns.Add(col);
  col = new DataColumn();
  col.DataType = System.Type.GetType("System.String");
  col.ColumnName = "Address";
  col.AutoIncrement = false;
  col.Caption = "Address";
  col.ReadOnly = false;
  col.Unique = false;
  table.Columns.Add(col);

  //增加一条记录
  DataRow row = table.NewRow();
  row["ID"] = 1001;
  row["Name"] = "Melanie Giard";
  row["Address"] = "23rd Street, Park Road, NY City, NY";
  table.Rows.Add(row);
  row = table.NewRow();
  row["ID"] = 1002;
  row["Name"] = "Puneet Nehra";
  row["Address"] = "3rd Blvd, Ashok Vihar, New Delhi";
  table.Rows.Add(row);
  row = table.NewRow();
  row["ID"] = 1003;
  row["Name"] = "Raj Mehta";
  row["Address"] = "Nagrath Chowk, Jabalpur";
  table.Rows.Add(row);
  row = table.NewRow();
  row["ID"] = 1004;
  row["Name"] = "Max Muller";
  row["Address"] = "25 North Street, Hernigton, Russia";
  table.Rows.Add(row);

  // Add DataTable to DataSet
  ds.Tables.Add(table);
  // Return DataSet
  return ds;
 }
}

  接下来,我们首先创建若干个模版文件。我们先创建两组模版文件,每一组模版文件分别包含有header,footer,item,alternating item四个模版文件,保存成.ascx文件,这样,我们就有两类型风格的模版了,每类型风格的模版中都有自己的header,footer,item,alternating item子模版。下面为其中一个item模版文件,其他的类似。

<%@ Control Language="VB" %>
<FONT face="verdana" color="green" size="2"><b>ID: </b>
<%# DataBinder.Eval(CType(Container, DataListItem).DataItem, "ID") %>
<b>Name: </b>
<%# DataBinder.Eval(CType(Container, DataListItem).DataItem, "Name") %>


<b>Address: </b>
<%# DataBinder.Eval(CType(Container, DataListItem).DataItem, "Address") %>
<p>
</FONT>

  最后,我们开始创建应用程序,新建一个工程,添加两个按钮和一个datalist控件如下图

ASP.NET中实现模版的动态加载(图一)

  之后创建一个binddatagrid的方法,将dataset绑定到datalist控件中去,代码如下:

private void BindDataGrid()
{
 dtSet = DB.GetDataSet();
 DataList1.DataSource = dtSet.Tables[0].DefaultView;
 DataList1.DataBind();
}
private void Page_Load(object sender, System.EventArgs e)
{
 if(!IsPostBack)
 {
  BindDataGrid();
 }
}

  最后,分别为两个按钮的clcik事件添加代码,分别使用page.loadtemplate方法去加载我们已经写好的两套模版组中的模版,代码如下。

private void Button1_Click(object sender, System.EventArgs e)
{
 // Load templates
 DataList1.AlternatingItemTemplate =
 Page.LoadTemplate("AltItemTempate.ascx");
 DataList1.ItemTemplate =Page.LoadTemplate("ItemTemplate.ascx");
 DataList1.HeaderTemplate =Page.LoadTemplate("HeadTemplate.ascx");
 DataList1.FooterTemplate = Page.LoadTemplate("FootTemplate.ascx");
 BindDataGrid();
}
private void Button2_Click(object sender, System.EventArgs e)
{
 // Load templates
 DataList1.AlternatingItemTemplate =Page.LoadTemplate("AltItemTempate2.ascx");
 DataList1.ItemTemplate = Page.LoadTemplate("ItemTemplate2.ascx");
 DataList1.HeaderTemplate = Page.LoadTemplate("HeadTemplate2.ascx");
 DataList1.FooterTemplate = Page.LoadTemplate("FootTemplate2.ascx");
 BindDataGrid();
}

  运行效果如下两图,当点不同的按钮时,动态装载不同的模版风格。
 
ASP.NET中实现模版的动态加载(图二)
ASP.NET中实现模版的动态加载(图三)

ASP.NET中实现模版的动态加载

ASP.NET中,经常会使用到templates(模版)功能,比如在datagrid,datalist,repeater等控件中,使用templates,将会大大增强其功能。以往,我们一般是在设计程序...
  • benjiao878
  • benjiao878
  • 2014年04月26日 09:28
  • 667

ASP.NET+SQL SERVER 动态加载菜单详解

ASP.NET + 三层架构 + sql server ,从数据库遍历树形表,实现无限级生成动态菜单。...
  • Amazing_Pei
  • Amazing_Pei
  • 2016年08月18日 15:25
  • 1370

[Unity3d]unity+asp.net实现动态搜索加载模型并且能够实现模型拖动缩放的功能

实现的功能要求:用户在文本框中输入要查询的模型型号(包括模糊搜索),服务器返回数据,然后客户端解析数据并且动态的生成数据列表,点击列表从服务器端下载打包的assetbundle模型,加载到场景,并且点...
  • s10141303
  • s10141303
  • 2013年12月26日 17:27
  • 4499

ASP.net中模板的简单使用

1.新建一个站点,右键站点,添加一个新项,选择 命名为:MasterPage.master 2.修改原先的代码,秩序在body标签中添加一个表格,表格中添加四个内容占位符。 无标...
  • sumirry
  • sumirry
  • 2014年11月29日 11:29
  • 1876

使用jquery的tmpl动态加载数据模板

动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等。   这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 ...
  • Mind_Reader
  • Mind_Reader
  • 2015年12月24日 15:31
  • 2716

ASP.NET在RENDER中加载HTML来动态生成或者修改页面

有时候在项目中需要根据实际传过来的参数来生成不同个数的控件来摆放在页面上,这时候可以重写页面 Render方法来达到目的。 下面提供一个示例来实现,代码如下: //生成要重写的html代码...
  • u012329294
  • u012329294
  • 2016年01月11日 15:33
  • 191

asp.net模板引擎:一、NVelocity介绍

Velocity是什么 nVelocity能为我们作什么? 一、NVelocity介绍 1.1  Velocity是什么 nVelocity是一个基于.NET的模板引...
  • qq752923276
  • qq752923276
  • 2014年09月23日 12:15
  • 1673

asp.net模板引擎:二、NVelocity标签语详解

NVelocity标签语详解,以及NVelocity调用说明 1. 变量   (1) 变量的定义:   1 2 3 4 5 6...
  • qq752923276
  • qq752923276
  • 2014年09月23日 12:23
  • 1630

angular学习(一):动态模板总结

最近在项目中用到了angular,之前从未用到过此js lib库,由于项目也比较着急,学习的寥寥草草。到目前为止也只是学会皮毛而已,现将自己学习的知识总结如下: 备注1:               ...
  • zhang6622056
  • zhang6622056
  • 2014年11月19日 14:28
  • 4986

ASP.NET实现进度条

在网上查阅了很多相关资料,参照对比一番后自己整理了一下,做了个小例子。能够实现根据后台数据加载的进度在前台动态更新进度条、进度条在页面居中显示、在进度条内显示百分比,完成进度后隐藏进度条。个人感觉还是...
  • zlwzlwzlw
  • zlwzlwzlw
  • 2015年02月05日 17:02
  • 1556
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ASP.NET中实现模版的动态加载
举报原因:
原因补充:

(最多只允许输入30个字)