动态加载用户控件的组件!(终结MasterPages技术)
让我们来做个页面模版吧!有了模版是不是就可以统一了呢!Sure !
比如:模版页Template.ascx中我们留出中间一个部分,或者你想要留出的一个空间,让以后放入你想要的内容。
好了!那么在我们的页面index.aspx上我们就可以引用这个Template.ascx,然后在空出的部分放入我们特别的东西,当然最好是在空的地方我们插入另外一个页面如:List.ascx,
当然我们在做个页面MyArchive.aspx.同样的我们引用这个Template.ascx,然后再在空出大那个地方我们插入了另外一个页面Archive.ascx.
非常好。我们要的两个index.aspx.和MyArchive.aspx页面是不是一样的呢?就只有我们留空的那一个地方不一样而已。
当然这样的应用可以是各种各样,可以不用框架集而达到更完美的效果。而你的页面完全可以没有重复的东西。因为我们的页面完全是组装而成的!
那么有了这个美妙的想法之后我们就开始去实现。
技术点:1、怎么留出一个空间出来,然后还要让引用页找到这个空间。
2、怎么引用模版而且还要找出留出的空间。
3、怎么引用另外一页插入我们在模版页中留出的空间。
其实所有这些就需要用到三个组件,一个是用来保留的空间,一个是用来引用页面放入到我们保留出来的空间,这两个组件其实只是起到标记的作用而已。另一个也是主要的一个就是引用模版,然后处理引用页面并插入到模版中去。
1、我们来解决的一个技术问题,留个空间很容易的就是PlaceHolder,那么我们还要考虑到ID的问题,因为我们还要找到这个地方,当然我们可能要留几个不同的地方,这样就很有必要处理一下ID的问题。那么扩展PlaceHolder同时继承INamingContainer。
我们取名为:PlugArea
那么这个主要做的事情有两件事,把本身保存起来,然后在第三个组件用到的时候取出来。
public class PlugArea : PlaceHolder, INamingContainer { public override string ID { get { return base.ID; } set { base.ID = value; AddToContext(); } } private static readonly String contextKey = "Region.MasterPages.Region"; private void AddToContext() { if ( HttpContext.Current != null ) { String myKey = contextKey + this.ID; if ( HttpContext.Current.Items.Contains(myKey) ) { throw new InvalidOperationException("这个ID'" + this.ID + "'已经用了啦!."); } else { HttpContext.Current.Items[myKey] = this; } } } internal static PlugArea FindPlugArea( String ID ) { if ( HttpContext.Current == null ) { return null; } return HttpContext.Current.Items[contextKey + ID] as PlugArea; } } |
那么我们的Template.ascx可以写成这样
<%@ Control %> <%@ Register TagPrefix="Region" Namespace="Region.Controls" Assembly="Region.Controls" %> <HTML> <HEAD> <title>信息管理系统</title> </HEAD> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <form runat="server" id="Form1"> <table width = 800 align=center border=0 cellpadding=0 cellspacing=0><tr><td> 相同的第一部分 </td></tr><tr><td> <Region:PlugArea id="part1" runat="server"/> </td></tr><tr><td> 相同的第二部分 </td></tr><tr><td> <Region:PlugArea id="part2" runat="server"/> </td></tr><tr><td> 相同的第三部分 </td></tr></table> </form> </body> </HTML> |
2、引用模版页的时候,在里面标记以下我们保留的空间应该插入哪个页面,标记以下就可以了!具体的事情由引用模版页的组建来搞定。继承PlaceHolder
组建起名:SignArea
两件事情:一、只需把ID设成我们要插入那个空间组件的ID.
二、在后面把这个插入我们留出的空间的时候,把组建的路径设成一样的,避免路径不一样引起异常发生。
当然,我们要在这个SignArea内应用我们的页面。
public class SignArea: PlaceHolder { internal string Directory; public override string TemplateSourceDirectory { get { return Directory; } } } |
我们可以这样用:
<Region: SignArea id=" part1" runat="server"> 这里可以用我前面的文章讲LoadSky来来引用用户页面,或直接写内容放这里。 </Region: SignArea> <Region: SignArea id=" part2" runat="server"> 同上第一部分。 </Region: SignArea> |
3、应用我们的模版页并处理其中的模块插入。
继承PlaceHolder继
命名:LoadTemplate
做事情:一、重载AddParsedSubObject事件,在记录PlaceHolder中的SignArea
二、加载Template页。
三、根据SignArea的id找到PlugArea(用PlugArea内的FindPlugArea,也就是为什么要用静态方法的原因),然后把SignArea插入到PlugArea中去。
这三件事做完事情也就做完了
看一下代码:
public class LoadTemplate : PlaceHolder { private ArrayList signarealist = new ArrayList(); protected override void AddParsedSubObject(object obj) { if (obj is SignArea) { signarealist.Add(obj); } } protected override void OnInit(EventArgs e) { this.GetTemplate(); base.OnInit(e); } private void GetTemplate() { if (TemplateFilePath == null) { throw new Exception("ûÓÐÄ£°åÒ³£¡"); } Controls.Add(Page.LoadControl(TemplateFilePath)); SignAreaInsertIntoPlugArea(); } private void SignAreaInsertIntoPlugArea() { foreach (SignArea signarea in signarealist) { PlugArea plugarea = PlugArea.FindPlugArea(signarea.ID); if (plugarea == null ) { throw new Exception("ÕÒ²»µ½²åÈëµÄ¿Õ¼ä'" + signarea.ID + "'"); } SignArea.Directory = TemplateSourceDirectory; plugarea.Controls.Clear(); plugarea.Controls.Add(signarea); } } public string TemplateFilePath{ get { return (string)ViewState["TemplateFilePath"]; } set { ViewState["TemplateFilePath"] = value; ChildControlsCreated = false; } } } |
好我们来看看怎样引用模版页!index.aspx 页面:
<%@ Page %> <%@ Register TagPrefix="Region" Namespace="Region.Controls" Assembly="Region.Controls" %> <Region: LoadTemplate runat="server" id="LoadTemplate " TemplateFilePath ="~/Template.ascx"> <Region: SignArea id="part1" runat="server"> <Region: LoadSky id="Sky1" skinPath="~/List.ascx " runat="server"/> </Region: SignArea> <Region: SignArea id="part2" runat="server"> <Region: LoadSky id="Sky2" skinPath="~/MyArchive.ascx " runat="server"/> </Region: SignArea> </Region:LoadTemplate> |
那么运行一下完整的一个页面就出现在我们面前了。当然可以这样生成所有想要的一样风格的页面。
从一开始写到现在,最后这里就变成了传说中的那个Masterpages的技术。
就如同天下武学都源自少林一样
相关文章:
本文地址:http://com.8s8s.com/it/it44216.htm