在ASP.NET Core MVC中绑定具有数组属性的模型

Question

我试图弄清楚如何将表单元素绑定到包含数组或可枚举属性的模型。 此表单应该可用于添加新对象或编辑现有对象。

下面是一个精简的例子。

如果Levels不包含任何元素（例如create），则不会渲染Level字段行。 你应该在Level数组中添加一个空元素，还是应该添加一行空字段？ 但是如何使用asp-for属性来做到这一点。

如果Levels包含元素（例如edit），则会渲染Level字段的行。 但是，在Edit方法中发布model.Levels时为null 。

任何想法如何最好地实现这一点？

要绑定的模型

public class CarparkModel
{
  [HiddenInput]
  public int Id { get; set; }
  public string Name { get; set; }
  public Level[] Levels { get; set; }
}

public class Level
{
   [HiddenInput]
   public int Id { get; set; }
   public string Description { get; set; }
   public int NrOfSpaces { get; set; }
}

主要观点

@model CarparkModel

<form method="POST">
  <input asp-for="Id">
  <div>
    <label asp-for="Name"></label>
    <input asp-for="Name">
  </div>
  <table>
    <tr>
      <th>Description</th>
      <th>Nr of spaces</th>
    </tr>
  @foreach (Level level in Model.Levels)
  {
    <tr>
      <td><input asp-for="Description"></td>
      <td><input asp-for="NrOfSpaces"></td>
    </tr>
  }
    <tr>
      <td colspan="2>
        <!-- Click = new row of Level fields added -->
        <button type="button">Add level</button>
      </td>
    </tr>
  </table>
  <button type="submit">Save</button>
</form>

调节器

public class CarparkController
{
  [HttpGet]
  public IActionResult Create()
  {
    return View(new CarparkModel());
  }

  [HttpPost]
  public IActionResult Create(CarparkModel model)
  {
    if (ModelState.IsValid)
    {
      _repository.Save(model);
      return RedirectToAction("index");
    }

    return View(model);    
  }

  [HttpGet]
  public IActionResult Edit(int id)
  {
    return View(_repository.Get(id));
  }

  [HttpPost]
  public IActionResult Edit(CarparkModel model)
  {
    if (ModelState.IsValid)
    {
      _repository.Save(model);
      return RedirectToAction("index");
    }

    return View(model);    
  }
}

Answer 1

如果您希望能够在表单中发回项目，请不要使用foreach 。 使用for循环与项目的索引命名。

@model CarparkModel

<form method="POST">
  <input asp-for="Id">
  <div>
    <label asp-for="Name"></label>
    <input asp-for="Name">
  </div>
  <table>
    <tr>
      <th>Description</th>
      <th>Nr of spaces</th>
    </tr>
  @for(var index = 0, index < Model.Levels.Length, index++)
  {
    <tr>
      <td><input asp-for="@Model.Levels[index].Description"></td>
      <td><input asp-for="@Model.Levels[index].NrOfSpaces"></td>
    </tr>
  }
    <tr>
      <td colspan="2>
        <!-- Click = new row of Level fields added -->
        <button type="button">Add level</button>
      </td>
    </tr>
  </table>
  <button type="submit">Save</button>
</form>

在表单中发布集合时，需要索引来重建集合。