按层次结构列出所有数据库条目

本文关键字：数据库 层次结构 | 更新日期: 2023-09-27 18:33:51

我有一个类似于这样的数据库：

| Element_ID               | Element_Parent                |  
|____________1_____________|_______________0_______________|  
|____________2_____________|_______________0_______________|  
|____________3_____________|_______________1_______________|  
|____________4_____________|_______________3_______________|  
|____________5_____________|_______________3_______________|  
|____________6_____________|_______________2_______________|  
|____________7_____________|_______________6_______________|  
|____________8_____________|_______________6_______________|

其中Element_Parent表示Element_ID列，0 表示元素没有父级。

我需要显示类似于以下内容的数据库条目： 

<ul>
    <li>
        1
        <ul>
            <li>
                3
                <ul>
                    <li>4</li>
                    <li>5</li>
                </ul>
            </li>
        </ul>
    </li>
    <li>
        2
        <ul>
            <li>
                6
                <ul>
                    <li>7</li>
                    <li>8</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

我正在使用动态记录访问数据库。

按层次结构列出所有数据库条目

如果你想要一个服务器端解决方案，你应该能够从我写的这篇文章中获得一些有用的东西 在 ASP.NET 网页中使用递归： http://www.mikesdotnetting.com/Article/208/Practical-Recursion-in-ASP.NET-Web-Pages-with-WebMatrix.

但本质上，你需要一个这样的助手：

@helper  BuildTreeView(IEnumerable<dynamic> data, int? parentid = null, int level = 0) {
    var nodes = data.Where(n => n.ParentId == parentid).OrderBy(n => n.DisplayOrder);
    if (nodes.Any()) {
        if(nodes.First().ParentId != null){
            level++;
        }
        foreach (var node in nodes) {
            <div style="padding-left:@(level * 20)px;">
                @node.Text
            </div>
            @BuildTreeView(data, node.Id, level);
        }
    }
}

我添加了一个 DisplayOrder 列，以便您可以在数据库中添加和删除项目，并且仍然可以控制它们在其各个节点中的显示顺序。

相关文章：