通过单个实体迭代到HTML无序列表

Posted 2021-04-08

我正在寻找一个推动，或者可能只是在正确的方向上轻推，以帮助我解决这个问题。

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

我有一个具有以下属性的viewmodel

员工姓名

员工ID

EmployeeReporttoID

水平

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

返回数据的示例可能是

员工姓名，员工ID，员工报告ID，级别OF

约翰，empID1 ,, 1

Jane，empid2，empid1,2

玛丽，empID3，empID1,2

哈利，empID4，empID1,2

Joe，empID7，EmpID2,3

Arnold，empID8，EmpID2,3

Gary，empID9，empID7,4 ...

确保以上内容可以继续，具体取决于员工树的深度

问题是我如何迭代上面的内容将其变成一个html无序列表，其中每个员工都有相关人员作为列表项报告给他们？

非常感谢任何帮助D.

答案

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

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