使用BeginCollectionItem的列表的嵌套列表

Question

我使用BeginCollectionItem将条目添加到列表的内部列表中。

我的问题与下面的问题非常相似：Nested BeginCollectionItem，然而，包含列表的对象本身也是一个列表(所以在引用的示例中，tt是一个列表，而不仅仅是对象的一个实例)。

我的模型是：

public class WeeklyTimeSheetViewModel
{
    public Guid WeeklyId { get; set; }
    public DateTime WeekCommencing { get; set; }
    public int WeekNumber { get; set; }
    public Employee Employee { get; set; }

    public List<TimeSheetDayViewModel> Days{ get; set; }

    public double HourlyRate { get; set; }
    public double OvernightRate { get; set; }

}

public class TimeSheetDayViewModel
{
    public Guid DayId { get; set; }
    public DateTime Date { get; set; }
    public List<TimeBookingViewModel> Hours { get; set; }
    public bool Overnight { get; set; }
}

public class TimeBookingViewModel
{
    public Guid BookingId { get; set; }
    public string TimeRef { get; set; }
    public string TimeDescription { get; set; }

    public double NormalHours { get; set; }
    public double OvertimeHoursR1 { get; set; }
    public double OvertimeHoursR2 { get; set; }
}

因此，在我看来，我有一个表示整个星期的时间表的表单，所以一个日期列表(公共列表日期)，然后每一天都有一个要根据它预订的小时列表(公共列表小时)。

我的视图如下所示: WeeklyTimeSheet.cshtml

@model Models.WeeklyTimeSheetViewModel

<div style="margin: 5px;">
    <h1>Time Sheet</h1>

    @using (Html.BeginForm(FormMethod.Post))
    {  
        ...
        @Html.EditorFor(model => model.Days)  
        ...  
    }
</div>

TimeSheetDayViewModel.cshtml (在编辑器模板中)

@using (Html.BeginCollectionItem("Days"))
{
    <table class="formtable">

        @Html.HiddenFor(model => model.DayId)
        @Html.HiddenFor(model => model.Date)
        <thead>
        <tr>
            <th class="formtableheader" colspan="6">@Model.Date.DayOfWeek @Model.Date.ToLongDateString()</th>
        </tr>
        <tr>
            <td class="formtabletools formtableleft">Overnight: @Html.CheckBoxFor(model => model.Overnight)</td>
            <td class="formtabletools formtableright" colspan="5">
                <a href="javascript:void(0)" onclick="AddTimeBooking('@Model.Date.ToShortDateString()');">add</a>
            </td>

        </tr>
        <tr class="formtablecolumns">
            <th>Ref</th>
            <th>Description</th>
            <th>Hours</th>
            <th>Overtime x1.5</th>
            <th>Overtime x2.0</th>
            <th></th>
        </tr>
        </thead>
        <tbody id="@Model.Date.ToShortDateString()">

            @Html.EditorFor(model => model.Hours)

        </tbody>
    </table>
}

TimeBookingViewModel.cshtml (编辑器模板)

@model Models.TimeBookingViewModel
@{
    var methodPrefix = ViewData.TemplateInfo.HtmlFieldPrefix;
}
@using (Html.BeginCollectionItem(methodPrefix + ".Hours"))
 {
     @Html.HiddenFor(model => model.BookingId)
     <tr>
         <td>@Html.TextBoxFor(model => model.TimeRef, new {@class = "short"})</td>
         <td>@Html.TextBoxFor(model => model.TimeDescription, new {@class = "longer"})</td>
         <td>@Html.TextBoxFor(model => model.NormalHours, new {@class = "tiny"})</td>
         <td>@Html.TextBoxFor(model => model.OvertimeHoursR1, new {@class = "tiny"})</td>
         <td>@Html.TextBoxFor(model => model.OvertimeHoursR2, new {@class = "tiny"})</td>

         <td><a href="javascript:void(0)" onclick="DeleteTimeBooking(event)">delete</a></td>
     </tr>
 }

在回发到服务器时，不填充TimeBookingViewModel对象。有什么建议吗？

Answer 1

我设法让它像下面这样工作。感谢user3559349在ViewData.TemplateInfo.HtmlFieldPrefix上的领导地位

型号：

public class MainDto
{
    public List<ItemDto> Items { get; set; }
}
public class ItemDto
{
    public string Label { get; set; }
    public List<SubItemDto> SubItems { get; set; }
}
public class SubItemDto
{
    public int Value { get; set; }
}

主视图：

<table>
@foreach (var item in Model.Items)
{
    @Html.Partial("_ItemEditor", item)
}
</table>

项目编辑器模板：

@model Test.ItemDto
<tr>
    @using (Html.BeginCollectionItem("Items"))
    {
        <td>@Html.TextBoxFor(x => x.Label)</td>
        foreach (var subItem in Model.SubItems)
        {
            @Html.Partial("_SubItemEditor", subItem)
        }
    }
</tr>

子项编辑器模板：

@model Test.SubItemDto
@using (Html.BeginCollectionItem(ViewData.TemplateInfo.HtmlFieldPrefix + ".SubItems"))
{
    <td>@Html.TextBoxFor(x => x.Value)</td>
}