992
技術社區[雲棲]
ASP.NET中實現模版的動態加載
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類中，好讓讀者進一步回顧如何動態創建數據表，數據列等，並沒用從數據庫中提取（當然，你也可以用傳統的讀取數據庫的方法），
publicclassDB
{
publicDB()
{}
///<summary>
///MethodreturnsaDataSetobjectfilledwithdata
///</summary>
publicstaticDataSetGetDataSet()
{
//創建dataset和datatable
DataSetds=newDataSet();
DataTabletable=newDataTable("Records");
DataColumncol;
//增加一個列
col=newDataColumn();
col.DataType=System.Type.GetType("System.Int32");
col.ColumnName="ID";
col.ReadOnly=true;
col.Unique=true;
table.Columns.Add(col);
col=newDataColumn();
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=newDataColumn();
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);
//增加一條記錄
DataRowrow=table.NewRow();
row["ID"]=1001;
row["Name"]="MelanieGiard";
row["Address"]="23rdStreet,ParkRoad,NYCity,NY";
table.Rows.Add(row);
row=table.NewRow();
row["ID"]=1002;
row["Name"]="PuneetNehra";
row["Address"]="3rdBlvd,AshokVihar,NewDelhi";
table.Rows.Add(row);
row=table.NewRow();
row["ID"]=1003;
row["Name"]="RajMehta";
row["Address"]="NagrathChowk,Jabalpur";
table.Rows.Add(row);
row=table.NewRow();
row["ID"]=1004;
row["Name"]="MaxMuller";
row["Address"]="25NorthStreet,Hernigton,Russia";
table.Rows.Add(row);
//AddDataTabletoDataSet
ds.Tables.Add(table);
//ReturnDataSet
returnds;
}
}
接下來，我們首先創建若幹個模版文件。我們先創建兩組模版文件，每一組模版文件分別包含有header,footer,item,alternatingitem四個模版文件，保存成.ascx文件，這樣，我們就有兩類型風格的模版了，每類型風格的模版中都有自己的header,footer,item,alternatingitem子模版。下麵為其中一個item模版文件，其他的類似。
<%@ControlLanguage="VB"%>
<FONTface="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")%>
<br>
<b>Address:</b>
<%#DataBinder.Eval(CType(Container,DataListItem).DataItem,"Address")%>
<p>
</FONT>
最後，我們開始創建應用程序，新建一個工程，添加兩個按鈕和一個datalist控件如下圖
之後創建一個binddatagrid的方法，將dataset綁定到datalist控件中去，代碼如下：privatevoidBindDataGrid(){
dtSet=DB.GetDataSet();
DataList1.DataSource=dtSet.Tables[0].DefaultView;
DataList1.DataBind();
}
privatevoidPage_Load(objectsender,System.EventArgse)
{
if(!IsPostBack)
{
BindDataGrid();
}
}最後，分別為兩個按鈕的clcik事件添加代碼，分別使用page.loadtemplate方法去加載我們已經寫好的兩套模版組中的模版，代碼如下。privatevoidButton1_Click(objectsender,System.EventArgse)
{
//Loadtemplates
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();
}
privatevoidButton2_Click(objectsender,System.EventArgse)
{
//Loadtemplates
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();
}運行效果如下兩圖，當點不同的按鈕時，動態裝載不同的模版風格。
最後更新：2017-04-02 00:06:35