自定义控件实现母模板嵌套,支持VS2003

学习AspNetForums,首先发现其界面最关键的问题在于使用了MetaBuilders的Master Pages控件。下载地址:
http://www.metabuilders.com/Tools/MasterPages.aspx


以下介绍来自(http://anf.hidotnet.com/13311/ShowPost.aspx):
一、Master Pages包括四个类:

(1)Content: This control contains the content for a particular region
此类控件包含真实内容
(2)ContentContainer: This control serves two distincts purposes: - it marks the location where the Master Page will be inserted into the Page - it contains the various Content sections that will be matched to the Master Page's Region controls (based on their ID's).
此控件有两个意图:
·作为一个定位标志,标识Master Page将被插入到页中;
·与Region Controls相匹配
(3)NoBugForm: A server form that does not cause a problem by being inside a master page or other naming container.
无错form。可以放心使用
(4)Region: The control marks a place holder for content in a master page
占位控件

二、我们通过分析default.aspx来看看Master Page使用方式
(1)default.aspx的内容如下:
<mp:ContentContainer runat="server" id="MPContainer" MasterPageFile="~/Themes/MasterPage.ascx">
    <mp:Content id="HeadTag" runat="server">
        <meta http-equiv="Refresh" content="300" />
    </mp:Content>

    <mp:Content id="MainContent" runat="server">
        <Forums:ForumGroupView runat="server" />
    </mp:Content>
</mp:ContentContainer> 

mp: ContentContainer是一个容器,MasterPageFile="~/Themes/MasterPage.ascx是它最重要的属性,指 向了一个ascx控件页。其实,这个ascx控件并不是一个真的ascx控件,而是一个页面框架。它提供了default.aspx页面的主结构,然后在 其中留出了空白,让default.aspx来填空。
(2)再来仔细看看masterpage.ascx的内容
<html>
 <head>
  <!--标题-->
  <Forums:PageTitle runat="server" />
  <!--风格定义-->
  <Forums:Style id="Style1" runat="server" />
  <!--头标签-->
  <mp:region id="HeadTag" runat="server" />
 </head>

 <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

  <!-- ********* NoBugForm:START ************* //-->
  <mp:NoBugForm runat="server">

      <mp:region id="MainContent" runat="server">Default main content</mp:region>

  </mp:NoBugForm>
  <!-- ********* NoBugForm:END ************* //-->

  <!-- ********* Footer:START ************* //-->
  <Forums:Footer runat="server" /><br />
  <!-- ********* Footer:END ************* //-->
 </body>
</html> 

首先,它有html文件的<head>,在<head>中留下了不小的地方放自定义控件,Forums:PageTitle 和Forums:Style
然后,在Body中有一个NoBugForm,这个的作用先猜测一下,可能是指用于mp控件的form。
最为重要的是它有一个
<mp:region id="MainContent" runat="server">Default main content</mp:region>
region是一个占位控件,它给谁占的位置呢?看看default.aspx就明白了:
<mp:Content id="MainContent" runat="server">
<Forums:ForumGroupView runat="server" />
</mp:Content>
看到了吗?content中的id与region的id相匹配。结果,default.aspx将会在这儿显示出来。
三、优点考虑:
现在看来master pages的结构也相对简单。但为什么要使用这种方式而不是直接使用ascx控件呢?
关键在于换肤。
asp forums为了实现换肤的方便而使用了一个专门的ascx文件作为框架页。而通常的ascx文件是不可能作为框架页的,它只能是一个页面中的一部分,我 们还需要一个aspx或html文件作为框架页。如果框架页改变了,则所有使用此框架的页面全部都要改过。这在dreamweaver中可以使用模板来实 现,但也相当不方便。(我没有用过模板,只知道其是自动更改使用模板的页)但使用期master pages结构后只需要改变一个文件或几个文件就可以实现。

此外,使用MetaBuilders的Master Pages控件也可以实现Master Pages的嵌套,如以下实例:

BasicMaster.ascx代码:

<%@ Register TagPrefix="mp" Namespace="MetaBuilders.WebControls.MasterPages" Assembly="MetaBuilders.WebControls.MasterPages" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><body>
<mp:nobugform runat="server">
        <h1>This Is In BasicMaster</h1>
        <hr>
        <mp:region id="BasicContent" runat="server">Default Content</mp:region>
        <hr>
        <h1>This Is In BasicMaster</h1>
</mp:nobugform>
</body></html>

ComplexMaster.ascx代码:

<%@ Control Language="C#" %>
<%@ Register TagPrefix="mp" Namespace="MetaBuilders.WebControls.MasterPages" Assembly="MetaBuilders.WebControls.MasterPages" %>
<mp:contentcontainer runat="server" MasterPageFile="~/BasicMaster.ascx" >
<mp:content id="BasicContent" runat="server">

    <h2>This Is In Complex Master</h2>
    <hr>
   
    <mp:region runat="server" Id="ComplexContent" />
   
    <hr>
    <h2>This Is In Complex Master</h2>

</mp:content>
</mp:contentcontainer>

ComplexPage.aspx代码:

<%@ Page Language="C#" %>
<%@ Register TagPrefix="mp" Namespace="MetaBuilders.WebControls.MasterPages" Assembly="MetaBuilders.WebControls.MasterPages" %>

<mp:contentcontainer runat="server" id="MPContainer" MasterPageFile="~/ComplexMaster.ascx">
<mp:content id="ComplexContent" runat="server">

    This Is In ComplexPage

</mp:content>
</mp:contentcontainer>

注意:
    mp:NoBugForm为 a server form,在嵌套模板的最外层
    子页面中 mp:content 的id为使用模板页面中region的id相匹配


posted on 2007-08-15 22:56  面朝大海  阅读(450)  评论(0编辑  收藏  举报

导航