转发到控制器的DateTime控件的动态数量

Question

我已经创建了一个模型，它有自己的类:

public class VMRequest()
{
    public int Id { get; set; }
    public List<Slot> Slots { get; set; }
    public class Slot()
    {
        public DateTime Date { get; set; }
    }
}

然后假设我添加了5个Slot到列表中，它们显示如果我这样做

<form asp-action="Request">
<div class="row flex-column">
    <div asp-validation-summary="ModelOnly" class="text-danger"></div>
        @foreach (var slot in Model.Slots)
        {
            <div class="col-md-6">
                <div class="form-group">
                    <label asp-for="@slot.Date" class="control-label"></label>
                    <input asp-for="@slot.Date" type="date" class="form-control" />
                    <span asp-validation-for="@slot.Date" class="text-danger"></span>
                </div>
            </div>              
        }
        <div class="form-group">
            <input type="submit" value="Create" class="btn btn-primary" />
        </div>
    </div>
</form>

但随后提交，即使VMRequest模型传递给控制器，对视图控件的变化不传递-我不知道如何pin标识符到每个控件??

我确信这是可能的!?

Answer 1

修改代码为:

    @for(int x = 0; x < Model.Slots.Length;x++)
    {
        <div class="col-md-6">
            <div class="form-group">
                <label asp-for="@Model.Slots[x].Date" class="control-label"></label>
                <input asp-for="@Model.Slots[x].Date" type="date" class="form-control" />
                <span asp-validation-for="@Model.Slots[x].Date" class="text-danger"></span>
            </div>
        </div>              
    }

那么寄回来的表格将是正确的。

Answer 2

每个元素都需要用一个索引来命名，以便绑定回模型。在https://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx/有一个很好的例子。

简而言之:在for循环中使用razor组件应该可以为您处理这个问题，如:

for (int i = 0; i < 3; i++)
  @Html.TextBoxFor(m => m[i].Title)
  @Html.TextBoxFor(m => m[i].Author)
  @Html.TextBoxFor(m => m[i].DatePublished)
}