如何有效地將復選框列表綁定到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中文網其他相關文章！