首页 > 编程 > .NET > 正文

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

2024-07-10 13:13:02
字体:
来源:转载
供稿:网友

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

repeater控件,支持的模版有:

headertemplate,%20footertemplate,%20itemtemplate,%20alternatingitemtemplate,%20seperatortemplate.

datelist控件,支持的模版有:

headertemplate,%20footertemplate,%20itemtemplate,%20alternatingitemtemplate,%20separatortemplate,%20selecteditemtemplate,%20edititemtemplate.

datagrid控件,支持的模版有:

headertemplate,%20footertemplate,%20itemtemplate,%20edititemtemplate,%20pager.

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

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

loadtemplate方法中,只有一个参数,参数值是外部模版文件的路径,并且返回itemplate对象。而datalist控件提供了一系列的属性,可以设置各种模版的属性,包括有alternatingitemtemplate,%20edititemtemplate,%20footertemplate,%20headertemplate,%20itemtemplate,%20selecteditemtemplate,%20和%20seperatortemplate,在下文中,将会看到相关介绍。

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

以下为引用的内容:
public%20class%20db{public%20db(){%20}///%20<summary>///%20method%20returns%20a%20dataset%20object%20filled%20with%20data///%20</summary>public%20static%20dataset%20getdataset(){//创建dataset和datatabledataset%20ds%20=%20new%20dataset();datatable%20table%20=%20new%20datatable("records");datacolumn%20col;//增加一个列col%20=%20new%20datacolumn();col.datatype%20=%20system.type.gettype("system.int32");col.columnname%20=%20"id";col.readonly%20=%20true;col.unique%20=%20true;table.columns.add(col);col%20=%20new%20datacolumn();col.datatype%20=%20system.type.gettype("system.string");col.columnname%20=%20"name";col.autoincrement%20=%20false;col.caption%20=%20"name";col.readonly%20=%20false;col.unique%20=%20false;table.columns.add(col);col%20=%20new%20datacolumn();col.datatype%20=%20system.type.gettype("system.string");col.columnname%20=%20"address";col.autoincrement%20=%20false;col.caption%20=%20"address";col.readonly%20=%20false;col.unique%20=%20false;table.columns.add(col);//增加一条记录datarow%20row%20=%20table.newrow();row["id"]%20=%201001;row["name"]%20=%20"melanie%20giard";row["address"]%20=%20"23rd%20street,%20park%20road,%20ny%20city,%20ny";table.rows.add(row);row%20=%20table.newrow();row["id"]%20=%201002;row["name"]%20=%20"puneet%20nehra";row["address"]%20=%20"3rd%20blvd,%20ashok%20vihar,%20new%20delhi";table.rows.add(row);row%20=%20table.newrow();row["id"]%20=%201003;row["name"]%20=%20"raj%20mehta";row["address"]%20=%20"nagrath%20chowk,%20jabalpur";table.rows.add(row);row%20=%20table.newrow();row["id"]%20=%201004;row["name"]%20=%20"max%20muller";row["address"]%20=%20"25%20north%20street,%20hernigton,%20russia";table.rows.add(row);//%20add%20datatable%20to%20datasetds.tables.add(table);//%20return%20datasetreturn%20ds;}}%20

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

以下为引用的内容:
<%@%20control%20language="vb"%20%><font%20face="verdana"%20color="green"%20size="2"><b>id:%20</b><%#%20databinder.eval(ctype(container,%20datalistitem).dataitem,%20"id")%20%><b>name:%20</b><%#%20databinder.eval(ctype(container,%20datalistitem).dataitem,%20"name")%20%><br><b>address:%20</b><%#%20databinder.eval(ctype(container,%20datalistitem).dataitem,%20"address")%20%><p></font>%20

最后,我们开始创建应用程序,新建一个工程,添加两个按钮和一个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();} 

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表