c# - 分层列出所有数据库条目

Question

我有一个类似的数据库：

| 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>

我正在使用 DynamicRecords 访问数据库。

Answer 1

如果你想要一个服务器端解决方案，你应该能够从我写的这篇关于在 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 列，以便您可以在数据库中添加和删除项目，并且仍然可以控制它们在各个节点中的显示顺序。