如何配置 ViewModel 和部分页面以包含 IEnumerable

Question

我正在尝试将我的 ASP.NET MVC 项目从直接视图和模型更改为使用 ViewModel 中间层。基本上，我所做的包括让 Person 与零个或多个 Events 相关联。我正在更改为 ViewModel，因为我想在 Person 详细信息页面上放置一个部分视图，以显示所有相关的 Events。

我有一个 Person 模型类和一个用于 Event 的模型类，这是我的 ViewModel：

public class PersonEventViewModel
{
    public PersonEventViewModel(Person person)
    {
        Person = person;
    }

    public Person Person { get; set; }
    public IEnumerable<Event> Events { get; set; }

}

这对于转换我的单个记录页面非常有效。在诸如 Person Details 之类的页面上，我不得不将 @Html.DisplayFor(model => model.CreatedOn) 之类的行更改为 @Html.DisplayFor(model => model.Person.CreatedOn) 以便它可以正确找到属性，但它确实有效。然而，在我试图制作的局部视图中，我似乎无法让它们在那里显示模型的属性。它看起来或多或少是这样的：

@model IEnumerable<Proj.ViewModels.PersonEventViewModel>

<table class="table">
    <tr>
        <th>@Html.DisplayNameFor(model => model.RecordedOn)</th>
        <th>@Html.DisplayNameFor(model => model.RecordedBy)</th>
        <th>@Html.DisplayNameFor(model => model.Comments)</th>
    </tr>
@foreach (var item in Model) {
    <tr>
        <td>@Html.DisplayFor(modelItem => item.RecordedOn)</td>
        <td>@Html.DisplayFor(modelItem => item.RecordedBy)</td>
        <td>@Html.DisplayFor(modelItem => item.Comments)</td>
    </tr>
}

这在直接使用事件模型时有效，但现在我在model 和属性之间添加什么似乎并不重要，它总是告诉我它无法解决它。

另外，我不确定如何将 ViewModel 传递给局部视图。我还没想好要放什么：

@Html.RenderPartial("_PersonEventList", ?????)

我尝试传递模型或模型信息的各种尝试都遇到了错误。

---

根据请求，这是我的详细信息页面的来源，我试图在其中放置事件的部分视图。

@model Proj.ViewModels.PersonEventViewModel
@{ ViewBag.Title = "Details"; }
<h2>Details</h2>
<div>
    <h4>Person</h4> <hr/>
    <dl class="dl-horizontal">
        <dt>@Html.DisplayNameFor(model => model.Person.FirstName)</dt>
        <dd>@Html.DisplayFor(model => model.Person.FirstName)</dd>
        @*...and so on through the fields...*@
    </dl>
</div>
<p> @Html.ActionLink("Edit Record", "Edit", new {id = Model.Person.PersonId}) </p>

@Html.RenderPartial("_PersonEventList", Model)

Answer 1

假设您想要在您的部分中使用“事件”，部分应该采用 List<Event> 作为它的模型：

@model IEnumerable<Event> (or List<Event>)

然后在你的主视图中：

@Html.RenderPartial("_PersonEventList", Model.Events)

Answer 2

正如@Barry Franklin 所说，您应该更改您的部分以接受事件列表。我想提的另一件事是，您可能应该使用 Partial 而不是 RenderPartial。 RenderPartial 需要用括号括起来并带有 ;在它的最后，以便它工作 (Html.Partial vs Html.RenderPartial & Html.Action vs Html.RenderAction)。

@Html.Partial("_PersonEventList", Model.Events)

你还需要更新部分代码：

    @model IEnumerable<Proj.ViewModels.Event>

<table class="table">
@foreach (var item in Model) {
    <tr>
        <td>@Html.DisplayFor(modelItem => item.RecordedOn)</td>
        <td>@Html.DisplayFor(modelItem => item.RecordedBy)</td>
        <td>@Html.DisplayFor(modelItem => item.Comments)</td>
    </tr>
}