动态加载用户控件的组件
2024-07-21 02:24:40
供稿：网友
动态加载用户控件的组件！（终结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的技术。
网站运营seo文章大全提供全面的站长运营经验及seo技术!
