Razor 中的嵌套显示模板

Question

我目前正在掌握 ASP.Net MVC 3 和 Razor 模板引擎，但我遇到了一个我无法完全掌握的问题 - 所以请向 StackOverflow 社区寻求帮助！

假设我有一个看起来像这样的视图模型层次结构：

public class Foo {
    public string FooTitle { get; set; }
    [UIHint("BarList")]
    public IList<Bar> BarList { get; set; }
}

public class Bar {
    public string BarTitle { get; set; }
}

一切都相当简单，我相信你会同意的。要使用此视图模型，我有以下内容：

~/Views/Home/Index.cshtml

@model Foo

<h1>@Model.FooTitle</h1>
@Html.DisplayFor(m => m.BarList)

~/Views/Home/DisplayTemplates/BarList.cshtml

@model IEnumerable<Bar>

<div class="bar-list">
@Html.DisplayForModel()
</div>

~/Views/Home/DisplayTemplates/Bar.cshtml

@model Bar

<p>@Model.BarTitle</p>

我希望在执行 View 时找到要显示的 Bar.cshtml 的内容，但渲染似乎没有进一步嵌套 BarList.cshtml

我在这里做错了什么？

Answer 1

如果您遵循约定，则不需要中介 BarList.cshtml 模板或 UIHint：

public class Foo {
    public string FooTitle { get; set; }
    public IList<Bar> BarList { get; set; }
}

public class Bar {
    public string BarTitle { get; set; }
}

查看（~/Views/Home/Index.cshtml）：

@model Foo
<h1>@Model.FooTitle</h1>
<div class="bar-list">
    @Html.DisplayFor(m => m.BarList)
</div>

显示模板（~/Views/Home/DisplayTemplates/Bar.cshtml）：

@model Bar
<p>@Model.BarTitle</p>

并且Bar.cshtml 模板将自动为BarList 集合的每个元素呈现。

Answer 2

我怀疑你仍然有这个问题，但这是正确的解决方案

~/Views/Home/DisplayTemplates/BarList.cshtml

@model IEnumerable<Bar>
<div class="bar-list">
@foreach (var bar in Model) {
    @Html.DisplayFor(c => bar)
}
</div>

Answer 3

将所有这些显示模板移至： ~/Views/共享/DisplayTemplates/

编辑：遍历每个栏怎么样？

@model IEnumerable<Bar>
<div class="bar-list">
@foreach (var bar in Model) {
    @Html.DisplayForModel(bar)
}
</div>