如何有效地将复选框列表绑定到ASP.NET MVC中的模型？

在ASP.NET MVC视图中传递复选框列表并提取IEnumerable

在ASP.NET MVC中，将复选框列表绑定到模型中的集合对于收集用户偏好至关重要。但是，当您拥有现有的可用选项列表，并且需要显示其中关联的选项时，默认的foreach循环方法就显得力不从心了。

为了解决这个问题，请考虑使用强类型HTML辅助方法。它们提供无缝的双向模型绑定，避免了手动生成HTML的需要。

创建视图模型

首先，创建视图模型来表示视图中的数据。在本例中，您将用户与可用角色关联，您可以定义RoleVM和UserVM：

<code class="language-csharp">public class RoleVM
{
  public int ID { get; set; }
  public string Name { get; set; }
  public bool IsSelected { get; set; }
}

public class UserVM
{
  public int ID { get; set; }
  public string Name { get; set; }
  public List<RoleVM> Roles { get; set; }
}</code>

填充视图模型

在与视图关联的GET操作中，使用用户数据填充UserVM，包括可用角色列表以及标记关联的角色：

<code class="language-csharp">public ActionResult Edit(int ID)
{
  UserVM model = new UserVM();
  User user = db.Find(ID);  // 数据库查找方法示例
  model.ID = user.ID;
  model.Name = user.Name;
  // 填充角色并根据用户角色设置其IsSelect属性
  foreach (Role role in db.Roles)  // 数据库查找方法示例
  {
    model.Roles.Add(new RoleVM
    {
      ID = role.ID,
      Name = role.Name,
      // 判断用户是否与角色关联
      IsSelected = user.Roles.Any(ur => ur.RoleID == role.ID)
    });
  }
  return View(model);
}</code>

在视图中显示复选框

在视图中，使用HTML辅助方法为UserVM中的每个角色呈现复选框：

<code class="language-csharp">@for (int i = 0; i < Model.Roles.Count; i++)
{
  @Html.HiddenFor(m => m.Roles[i].ID)
  @Html.CheckBoxFor(m => m.Roles[i].IsSelected)
  @Html.LabelFor(m => m.Roles[i].IsSelected, Model.Roles[i].Name)
}</code>

收集用户选择

在与表单提交关联的POST操作中，将绑定模型，更新的IsSelected属性将反映用户的选择：

<code class="language-csharp">[HttpPost]
public ActionResult Edit(UserVM model)
{
  // 遍历model.Roles并检查IsSelected属性以确定选择了哪些角色
}</code>

这种方法确保了正确的模型绑定，同时允许用户从完整的可用选项列表中进行选择，并将所选选项与用户关联。

以上是如何有效地将复选框列表绑定到ASP.NET MVC中的模型？的详细内容。更多信息请关注PHP中文网其他相关文章！