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

2017 年 7 月 17 日1830

　　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类中，好让读者进一步回顾如何动态创建数据表，数据列等，并没用从数据库中提取（当然，你也可以用传统的读取数据库的方法），

　　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" %>
ID: 
<%# DataBinder.Eval(CType(Container, DataListItem).DataItem, "ID") %>
Name: 
<%# DataBinder.Eval(CType(Container, DataListItem).DataItem, "Name") %>
 
Address: 
<%# DataBinder.Eval(CType(Container, DataListItem).DataItem, "Address") %>

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

　　之后创建一个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();
} 　　