ASP.Net MVC递归方式无法显示嵌套子项问题排查求助

看起来你遇到的核心问题是没有构建菜单的层级关联结构——你的控制器只生成了扁平的MenuItem列表，既没在模型中定义子项集合，也没把父项和对应子项关联起来，导致视图无法识别父子关系，嵌套子项自然没法显示。下面是具体的解决步骤：

1. 完善MenuItem模型类 #

首先给MenuItem添加子项集合属性，用来存储当前菜单的子菜单：

public class MenuItem
{
    public int Id { get; set; }
    public string Name { get; set; }
    public int ParentId { get; set; }
    // 新增子菜单集合，默认初始化空列表
    public List<MenuItem> Children { get; set; } = new List<MenuItem>();
}

2. 在控制器中构建层级菜单结构 #

修改Index方法，把扁平列表转换成带有父子关联的层级结构：

public ActionResult Index()
{
    List<MenuItem> allMenu = new List<MenuItem>
    {
        new MenuItem {Id=1,Name="Parent 1", ParentId=0},
        new MenuItem {Id=2,Name="child 1", ParentId=1},
        new MenuItem {Id=3,Name="child 2", ParentId=1},
        new MenuItem {Id=4,Name="child 3", ParentId=1},
        new MenuItem {Id=5,Name="Parent 2", ParentId=0},
        new MenuItem {Id=6,Name="child 4", ParentId=5} // 补全你截断的子项
    };

    // 1. 筛选出所有顶级父菜单（ParentId=0）
    var menuHierarchy = allMenu.Where(m => m.ParentId == 0).ToList();
    // 2. 给每个父菜单绑定对应的子菜单
    foreach (var parentMenu in menuHierarchy)
    {
        parentMenu.Children = allMenu.Where(m => m.ParentId == parentMenu.Id).ToList();
    }

    return View(menuHierarchy);
}

3. 用递归视图渲染嵌套菜单 #

创建一个递归的部分视图_Menu.cshtml，循环渲染菜单及其子项：

@model List<MenuItem>

<ul>
    @foreach (var menuItem in Model)
    {
        <li>
            @menuItem.Name
            <!-- 如果当前菜单有子项，递归渲染子菜单 -->
            @if (menuItem.Children.Any())
            {
                @Html.Partial("_Menu", menuItem.Children)
            }
        </li>
    }
</ul>

然后在主视图Index.cshtml中调用这个部分视图：

@model List<MenuItem>

<!-- 渲染层级菜单 -->
@Html.Partial("_Menu", Model)

这样修改后，嵌套子菜单就能正常显示了。核心思路是先把扁平数据转换成树形层级结构，再通过递归视图渲染嵌套的ul/li标签。

内容的提问来源于stack exchange，提问作者Mist