动态加载用户控件的组件

80酷酷网    80kuku.com

  动态|加载|控件动态加载用户控件的组件!(终结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的技术。

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: