遍历单个实体到 HTML 无序列表

Question

我正在寻找帮助我解决这个问题的方法。

我正在使用 C#、MVC 和 CSS 无序列表创建组织结构图

我有一个具有以下属性的视图模型

员工姓名

员工编号

EmployeeReporttoID

级别

此数据是使用类似于此处所示的 Sproc 从 SQL 中检索的 OrgChartHierarchyy

返回数据的一个例子可能是

EmployeeName、EmployeeID、EmployeeReporttoID、LevelOF

约翰，empID1，，1

简，empID2，empID1，2

玛丽，empID3，empID1，2

哈利，empID4，empID1，2

乔，empID7，EmpID2，3

阿诺德，empID8，EmpID2，3

加里，empID9，empID7，4 ...

当然，以上内容可以根据员工树的深度继续下去

问题是我如何遍历上述内容以将其转换为 HTML 无序列表，其中每个员工都有相关人员作为列表项向他们报告？

非常感谢您的帮助 D

Answer 1

循环遍历列表两次，第一个循环将写入无序列表，而第二个循环将检查相关员工是否有人员向他们报告。基于此，它会写出来

foreach (var EmployeeDetail in Model)
{
<h3><ul>@EmployeeDetail.EmployeeName</ul></h3> 
<div>
    <ol>    
        @foreach (var ReportingEmployee in Model)
        {
            @if(@EmployeeDetail.EmployeeID==ReportingEmployee.EmployeeReporttoID)
            {
              <li>@EmployeeDetail.EmployeeName</li>
            }


        }
    </ol>
</div>
}