☰

ASP.NET Core でチェックボックス リストを実装するにはどうすればよいですか? 質問する

tag-icon • tag-icon c# asp.net-core
ASP.NET Core でチェックボックス リストを実装するにはどうすればよいですか? 質問する

ASP.NET Core でチェックボックスリストを実装したいのですが、いくつか困難に直面しています。

私のビューモデル:

public class GroupIndexViewModel
{
    public Filter[] Filters { get; set; }
}

public class Filter
{
    public int Id { get; set; }
    public string Name { get; set; }
    public bool Selected { get; set; }
}

私の見解：

@model GroupIndexViewModel
<form asp-action="Index" asp-controller="Group" method="get">
  <ul>
  @for (var i = 0; i < Model.Filters.Length; i++)
  {
    <li>
      <input type="checkbox" id="@Model.Filters[i].Name" asp-for="@Model.Filters[i].Selected" value="@Model.Filters[i].Selected" checked="@Model.Filters[i].Selected" />
      <label for="@Model.Filters[i].Name">@Model.Filters[i].Name</label>
    </li>
  }
  </ul>
  <button type="submit" name="action">Filtrer</button>
</form>

コントローラーに投稿すると、ビュー内で選択されているにもかかわらず、ビューモデルのフィルター プロパティに選択済み false と表示されます。

ベストアンサー1

私は次のようにします。

@model GroupIndexViewModel
<form asp-action="Index" asp-controller="Group" method="get">
    <ul>
        @for (var i = 0; i < Model.Filters.Count; i++)
        {
            <li>       
                <input type="checkbox" asp-for="@Model.Filters[i].Selected"  />
                <label asp-for="@Model.Filters[i].Selected">@Model.Filters[i].Name</label>
                <input type="hidden" asp-for="@Model.Filters[i].Id" />
                <input type="hidden" asp-for="@Model.Filters[i].Name" />                
            </li>
        }
    </ul>
    <button type="submit" name="action">Filtrer</button>
</form>

ここでは、コントローラーとアクションが適切に実装されていることを前提としています。

おすすめ記事