动态加载用户控件的组件!(终结MasterPages技术)

原创 2004年09月07日 22:09:00

动态加载用户控件的组件!(终结MasterPages技术)<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

 

让我们来做个页面模版吧!有了模版是不是就可以统一了呢!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页。

        三、根据SignAreaid找到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的技术。

就如同天下武学都源自少林一样

 

相关文章:

动态加载用户控件的组件!(四)

动态加载用户控件的组件!(三)

动态加载用户控件的组件!(二)

动态加载用户控件的组件!

 

 

SuperMap iObjects .NET加载dll动态库失败,控件不能用常见问题解析

初次部署使用SuperMap iObjects .NET的开发人员,可能遇到以下问题:1.环境部署不成功2.部署成功了,VS工具箱里面没有SuperMap相关控件3.工具箱里面的SuperMap相关控...
  • supermapsupport
  • supermapsupport
  • 2017年03月21日 17:03
  • 1626

Html动态添加/删除控件

发布 另存 成果基本信息修改: 成果名:成果位置: 成果内容 some text. some text. some tex...
  • dusea
  • dusea
  • 2015年09月01日 10:05
  • 2037

QML事件处理--使用Loader动态加载组件

Loader元素用来动态加载可见的QML组件,它可以加载一个QML文件(使用source属性)或者一个组件对象(使用sourceComponent属性)。 对于拖延组件的创建很是有用的:例如,当一个...
  • u012419303
  • u012419303
  • 2015年05月07日 23:15
  • 2088

QT之自定义组件和动态加载

自定义组件在qml文件中自定义组件可以分为全局自定义组件和内嵌自定义组件全局自定义组件定义在一个单独的qml文件中,文件名即组件名(这点是c++程序员开始比较迷惑的地方,实际上java的文件名和类名也...
  • GG_SiMiDa
  • GG_SiMiDa
  • 2017年07月10日 19:09
  • 560

Android使用addView动态添加组件

在项目开发中,我们经常需要进行动态添加组件,其中可添加的部分有两项:布局和组件  其中,添加的布局主要有RelativeLayout型(相对布局)的和LinearLayout(线性布局)       ...
  • suwu150
  • suwu150
  • 2016年05月08日 22:51
  • 10075

JavaScript动态生成控件的方法

JavaScript动态生成控件的方法 这个是在项目里面遇到的问题,这个是一个Test,不过还是没有找到从页面映射数据到后台的方法,boss给出的方法是用json来传递数据,不过我还是不是很懂。下面...
  • qinqigang
  • qinqigang
  • 2016年10月21日 16:27
  • 168

【QT】QML如何创建动态组件

QML动态组件指的是按需分配,需要时我们就创建一个自定义组件,也就是所谓的对象延迟实例化,而不是在程序一开始就创建它,不需要时我们就把它销毁以节约内存,而不是传统意义上的隐藏或覆盖。我们可以使用Com...
  • iEearth
  • iEearth
  • 2014年12月12日 16:17
  • 4120

Extjs4.2 MVC 动态添加删除组件

例子 :将一个grid添加到一个panel中去 panelExt.define('MyApp.view.MyPanel', { extend: 'Ext.panel.Panel', ...
  • xiaoyan966
  • xiaoyan966
  • 2015年08月27日 12:21
  • 831

Vuejs——(12)组件——动态组件

本篇资料来于官方文档: http://cn.vuejs.org/guide/components.html#u52A8_u6001_u7EC4_u4EF6 本文是在官方文档的基础上,更...
  • qq20004604
  • qq20004604
  • 2016年09月09日 00:00
  • 2336

vue踩坑系列——动态组件

vue实现动态组件的两种方法 效果图: 右侧按钮是动态组件,分为按钮组件和箭头组件 一种是使用v-if条件渲染: 当seen=0的时候,使用按钮组件,否则使用箭头组件 子组件: {{t...
  • MoLvSHan
  • MoLvSHan
  • 2017年05月19日 11:20
  • 2234
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:动态加载用户控件的组件!(终结MasterPages技术)
举报原因:
原因补充:

(最多只允许输入30个字)