上一章我们写了一个最简单的自定义控件，此次让我们抛开理论，实际开发一个具有实用意义的自定义控件：一个可以设置权限的菜单。

在这个项目中我们将不采用任何未学到的理论知识，用户只需要具有基本的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);


}