asp.net实现递归方法取出菜单并显示在DropDownList中(分栏形式)

下面是详细的攻略：

需求背景

在网站开发中，通常需要实现菜单的显示与选择。虽然在项目开发过程中，很多成熟的框架与组件已经为我们处理了这些问题，但是了解菜单显示和选择的实现原理，还是有助于我们更好地理解和使用它们。

解决方案

我们可以通过递归算法，将数据源中的菜单格式化成我们需要的形式，并将其展示在DropDownList中。具体步骤如下：

步骤一：设计数据源格式

首先我们需要确定菜单数据的格式，通常会采用类似于树形结构的形式。例如，每个菜单项包含两个值，一个是菜单名称，另一个是子菜单的列表。这样每个菜单项就能“含枝叶而叶不离其枝”，在递归算法中更容易处理。

## 步骤二：组装数据源

在界面中调用递归函数之前，需要先将页面中的菜单数据装配到我们之前设计好的数据源格式上，以便递归函数能够正确地处理它们。装配菜单数据的主要思路是：根据返回的数据，遍历菜单数据中每个节点的子菜单，并将节点和每个子节点上的数据以一定的格式存入我们设置好的数据结构中。

步骤三：递归函数实现

实现菜单的递归函数需要输入两个参数，一个是数据源，另一个是级别，即当前菜单层级。如果当前层级为1，那么需要生成一个特殊的行，以便在生产的HTML中分割菜单栏。如果发现菜单项中有子菜单，会在递归过程中生成下拉列表，并在其中填充相应的子菜单项。

步骤四：展示结果

最后，将生成好的HTML代码绑定到页面上的DropDownList中，就可以实现根据递归数据源的格式，生成分栏形式的菜单栏的功能了。

示例说明

下面提供两个示例，分别是在ASPX页面中实现递归方法生成菜单的示例和在ASP.NET MVC中实现递归方法生成菜单的示例。

示例一：在ASPX页面中实现递归方法生成菜单

ASPX代码

<asp:DropDownList runat="server" ID="ddlMenu"></asp:DropDownList>

递归函数

private void BindMenu(List<Menu> menus, int level)
{
    string preFix = string.Empty;
    for (int i = 0; i < level; i++)
    {
        preFix += "│";
    }
    if (level == 1)
    {
        ddlMenu.Items.Add(new ListItem("─ 分隔栏 ─", "0"));
    }
    foreach (var menu in menus)
    {
        ddlMenu.Items.Add(new ListItem(preFix + "├─" + menu.Name, menu.Id));
        if (menu.Childs.Count > 0)
        {
            BindMenu(menu.Childs, level + 1);
        }
    }
}

装配数据源

protected void Page_Load(object sender, EventArgs e)
{
    List<Menu> menus = new List<Menu>(){
        new Menu("1", "一级1", new List<Menu>(){
            new Menu("10", "二级1", new List<Menu>(){
                new Menu("100", "三级1", new List<Menu>()),
                new Menu("101", "三级2", new List<Menu>()),
                new Menu("102", "三级3", new List<Menu>())
            }),
            new Menu("11", "二级2", new List<Menu>()),
            new Menu("12", "二级3", new List<Menu>()),
        }),
        new Menu("2", "一级2", new List<Menu>()){
            new Menu("20", "二级4", new List<Menu>()),
            new Menu("21", "二级5", new List<Menu>()),
            new Menu("22", "二级6", new List<Menu>())
        },
        new Menu("3", "一级3", new List<Menu>(){
            new Menu("30", "二级7", new List<Menu>())
        })
    };

    BindMenu(menus, 1);//绑定数据
}

示例二：在ASP.NET MVC中实现递归方法生成菜单

菜单模型

public class Menu
{
    public int Id { get; set; }
    public string Name { get; set; }
    public int? ParentId { get; set; }
    public List<Menu> Children { get; set; }
}

递归函数

private string GenerateMenu(List<Menu> menus, int? parentId)
{
    StringBuilder sb = new StringBuilder();
    if (parentId == null)
    {
        sb.Append("<li class='treeview'>");
    }
    sb.Append("<ul class='treeview-menu'>");
    var childMenus = menus.Where(m => m.ParentId == parentId).OrderBy(m => m.Id);
    foreach (var child in childMenus)
    {
        if (child.Children != null && child.Children.Count > 0)
        {
            sb.AppendFormat("<li class='treeview'>");
            sb.AppendFormat("<a href='#'><i class='fa fa-circle-o'></i><span>{0}</span><span class='pull-right-container'><i class='fa fa-angle-left pull-right'></i></span></a>",
                child.Name);
            sb.AppendFormat("{0}", GenerateMenu(menus, child.Id));
        }
        else
        {
            sb.AppendFormat("<li><a href='/{0}'>{1}</a></li>", child.ActionName, child.Name);
        }
    }
    sb.Append("</ul>");
    if (parentId == null)
    {
        sb.Append("</li>");
    }
    return sb.ToString();
}

装配数据源和调用递归函数

public MvcHtmlString MMenu(int parentId = 0)
{
    using (MotherEarthEntities db = new MotherEarthEntities())
    {
        var menus = db.Menus.ToList();
        var html = GenerateMenu(menus, parentId);
        return MvcHtmlString.Create(html);
    }
}

总结

通过本文，我们可以了解到用递归算法生成DropDownList中的菜单的方法和具体实现。在实际应用中，我们可以根据业务场景和需求，对该方法进行修改和加工，以达到最优的效果。