c# - 如何在导航选项卡中构造和构建树层次结构，同时将我的业务逻辑隐藏在 View 之外

Question

我有一个使用 Razor 和 Bootstrap 的 MVC C# 元素。

它包括:

• 元素
• Angular 色
• 人

局部 View :

<ul class="white nav nav-tabs tabs-left">
@foreach (var role in ViewBag.Roles)
{
    @role.Name
    <!-- It would be great to get this code out of the view and into a class somewhere -->
    foreach (var person in Model.ToList().Where(c => c.Role.Name == role.Name))
    {
        <li>
            <a href="#person_@(person.PersonID)" data-toggle="tab">
                @person.Person.Contact.FullName
            </a>
        </li>   
    }

}
</ul>    

此部分生成此导航选项卡列表:

部分 View Controller :

    [HttpGet]
    public ActionResult List(int? id)
    {
        if (id == null)
        {
            return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
        }

        var projectsinvolvedwith = db.ProjectsInvolvedWith
                                    .Include(p => p.PaidByProject)
                                    .Include(p => p.Person)
                                    .Include(p => p.Project)
                                    .Include(p => p.Role)
                                    .Include(p => p.Person.Contact);

        projectsinvolvedwith = projectsinvolvedwith.Where(p => p.ProjectID == id);

        ViewBag.Roles = db.Roles.ToList();

        return PartialView("_List", projectsinvolvedwith.ToList());
    }

当部分中的内部 foreach 循环没有结果时，我的问题就出现了。

它会按预期生成一个标题，下面没有任何内容，但我想向空白部分添加一个标记，表明该部分是空的。

像这样:

在这一点上，我开始转向在 View 中放置一个 if/else 语句来检查该部分是否为空，并且我知道业务逻辑应该隐藏在幕后。

我该如何构造它，以便将逻辑排除在 View 之外？我在想我需要建立一个列表，在列表中插入“Angular 色空缺”，其中 Angular 色中没有任何人

Answer 1

你为什么不从其他方式来处理它。首先用列表项“role varcant”创建 header ，然后用脚本覆盖它以添加内容。因此，如果它有内容，它会被覆盖，如果没有要添加的内容，它会保留默认列表项。