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和datatableDataSet 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 DataSetds.Tables.Add(table);// Return DataSetreturn 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") %><br><b>Address: </b><%# DataBinder.Eval(CType(Container, DataListItem).DataItem, "Address") %><p></FONT> |
最後,我們開始建立應用程式,建立一個工程,添加兩個按鈕和一個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 templatesDataList1.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 templatesDataList1.AlternatingItemTemplate =Page.LoadTemplate("AltItemTempate2.ascx");DataList1.ItemTemplate = Page.LoadTemplate("ItemTemplate2.ascx");DataList1.HeaderTemplate = Page.LoadTemplate("HeadTemplate2.ascx");DataList1.FooterTemplate = Page.LoadTemplate("FootTemplate2.ascx");BindDataGrid();} |