zoukankan      html  css  js  c++  java
  • 动态加载用户控件的组件!(终结MasterPages技术)

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

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

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

     

    相关文章:

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

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

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

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

  • 相关阅读:
    关于react-native遇到Can't find variable: TouchableHighlight
    安卓---app自动更新
    安卓---android:versionCode和android:versionName 用途
    安卓---读取照片---拍照
    运营商如何识别电信诈骗用户
    再要你命3K的任务总结
    连接kettle(6.1)与vm上的apache hadoop(2.6.1)
    如何从数据上知道某个用户即将去香港
    什么是撼动社会的产品?
    与Y哥的谈话。
  • 原文地址:https://www.cnblogs.com/cxd4321/p/574055.html
Copyright © 2011-2022 走看看