By Cash
2003.4.25
上一章我们写了一个最简单的自定义控件，此次让我们抛开理论，实际开发一个具有实用意义的自定义控件：一个可以设置权限的菜单。
在这个项目中我们将不采用任何未学到的理论知识，用户只需要具有基本的DHTML知识就可以。如你所知，服务器控件不过是对一些HTML及Javascript的封装罢了。至于其它的技巧，将来我们会逐渐提及并应用，最终生产出具有商业水准的控件来。
制作这个控件的思路很简单：首先使用DHTML写出一个菜单来，然后把其中的属性提取出来，接着封装起脚本与HTML显示代码，最后将其作为参数重写Render方法。你看，就这么简单。
如果不想透过浏览器阅读代码（那实在很讨厌），你可以到如下地址下载这个项目的源码，其中包括这个自定义控件的源代码及各类测试文件：不同的数据源以及权限设定。
http://user1.7host.com/cashtsao//CashMenu0110.zip
首先在名称空间CashControls中声明一个枚举类型MainMenuAlign：
public enum MainMenuAlign
{
/// <summary>
/// 左
/// </summary>
left=0,
/// <summary>
/// 中间
/// </summary>
center=1,
/// <summary>
/// 右
/// </summary>
right=2
}
接着声明继承自WebControls的类CashMenu,声明如下变量及属性：
变量：
private System.Web.HttpContext contextObject;
private System.Xml.XmlDocument oXmlDoc=new XmlDocument();
private string menuData;
private MainMenuAlign mainMenuAlign=MainMenuAlign.center;
private string ruleString="admin";
private int cellspacing;
private int mainMenuHeight;
属性：
/// <summary>
/// 属性MenuData用于指定数据源,可以是某个XML文件，
///也可以是XML格式之字符串
/// </summary>
[Bindable(true),
Category("Data"),Description("为Menu提供XML数据源.")]
public string MenuData
{
get
{
return menuData;
}
set
{
menuData = value;
Build();
}
}
......
声明辅助方法：
/// <summary>
/// 方法Build用于绑写数据源，将其绑定到Context上，在属性MenuData中调用
/// </summary>
private void Build()
{
if (menuData!=null)
try
{
contextObject = this.Context;
if (contextObject!=null)
oXmlDoc.Load(contextObject.Server.MapPath(menuData));
}
catch
{
try
{
oXmlDoc.LoadXml(menuData);
}
catch (Exception e)
{
contextObject.Response.Write("打开数据源失败!<BR>");
contextObject.Response.Write(e.Message);
}
}
return;
}
/// <summary>
/// 方法GenerateHtml用于生成Html代码，调用TraverseMenuTree方法,传递Context中oXmlDoc的一个节点进去
/// </summary>
/// <returns></returns>
private string GenerateHtml()
{
string tempHtml = "";
if (oXmlDoc.ChildNodes.Count !=0)
{
try
{
tempHtml = tempHtml + TraverseMenuTree(oXmlDoc.ChildNodes.Item(1).FirstChild);
}
catch
{
throw new ArgumentException("发生错误.");
}
}
return(tempHtml);
}