在树视图中仅显示一个具有多个文件的类别答案

【问题标题】：Display only one category with mutliple files in treeview在树视图中仅显示一个具有多个文件的类别
【发布时间】：2015-03-29 05:50:02
【问题描述】：

我有一个树视图，它显示了类别和与它们相关的文件。我遇到的是每个类别都显示多次并显示每次上传时添加的新文件。我想要做的是显示一次类别，然后显示它下面的每个项目。

我尝试将 foreach 移动到文件链接的正上方，但后来我不知道如何显示类别名称。

这是我当前的标记

<div role="tabpanel" class="tab-pane" id="tree">
    @if (Model.Collaboration.Files.Any())
    {
        foreach (var file in Model.Collaboration.Files)
        {
            <div class="treeview">
                <ul>
                    <li>
                        <input type="checkbox" />
                        <label>
                            @if (file.Category != null)
                            {
                                <span>@file.Category.Name</span>
                            }
                            else
                            {
                                <span>Uncategorized</span>
                            }                                         
                        </label>
                        <ul>
                            <li>
                                @Html.ActionLink(file.Filename, "ShowFile", "Attachments", new { @id = file.Id, collaborationId = Model.Collaboration.Id }, new { target = "_blank" })
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        }
    }
</div>

我的模特

public class AttachmentCategory
{
    [DataMember]
    public string Name { get; set; }

    [DataMember]
    public string Description { get; set; }
}

【问题讨论】：

您将嵌套循环（Category 的外循环和文件类别集合的内循环）.. 您需要发布您的模型（Category 的类型应该有 IEnumerable<File> Files 或类似的
请多解释。我不明白
好的，我假设您没有一个模型来代表您想要显示的内容，在这种情况下您需要创建一个。我会尽快发布答案。
我添加了一个模型。我只需要显示名称，然后显示来自它们下的单独模型的所有项目

标签： c# asp.net asp.net-mvc razor treeview

【解决方案1】：

虽然您可以在视图中包含条件语句以将category.Name 属性存储在变量中，并在每次迭代中测试category.Name 是否与存储的值匹配（如果匹配则省略<label> 标记）这会相当混乱，并且还需要您的文件按category.Name 排序。解决此问题的最简单方法是使用表示您要显示的内容的视图模型。您还没有展示所有模型的完整细节，所以这是一个简化的示例

public class FileVM
{
  public int ID { get; set; }
  public string Name { get; set; }
}

public class CategoryVM
{
  public string ID { get; set; }
  public string Name { get; set; }
  public IEnumerable<FileVM> Files { get; set; }
}

然后在控制器中

public ActionResult Details()
{
  List<CategoryVM> model = new List<CategoryVM>();
  // populate your collection of categories, and for each category, populate its collection of files
  return View(model);
}

查看

@model IEnumerable<CategoryVM>
<ul>
  @foreach(CategoryVM category in Model)
  {
    <li>
      <span>@Html.DisplayFor(m => category.Name)</span>
      <ul>
        @foreach(FileVM file in category.Files)
        {
          <li>
            @Html.ActionLink(file.Filename, "ShowFile", "Attachments", new { id = file.ID, collaborationId = category.ID }, new { target = "_blank" })
          </li>
        }
      </ul>
    <li>
  }
<ul>

旁注：

不确定复选框的用途（它没有name 属性所以不会发回任何东西）
使用<label> 标记毫无意义 - 它与任何控件，因此它不是真正的标签。
最好将“未分类”分配给 CategoryVM.Name 适当而不是使用的属性视图中不必要的 if 语句。

【讨论】：