Checkbox vérifié valeur perdue si! ModelState.IsValid

Question

Mon approche ici peut être entièrement faux, mais j'apprends lentement MVC ... J'ai un formulaire par lequel un utilisateur doit sélectionner un nombre de (ou pas) de modules, basé sur ce modèle:

public class MyProductModule 
{ 
    public string ModuleName { get; set; } 
    public bool Checked { get; set; } 
} 

public class ProductRequest 
{ 

    public ProductRequest() 
    { 
     Modules = LoadModules(); 
    } 

    public static List<MyProductModule> LoadModules() 
    { 
     return new List<MyProductModule>() 
     { 
      new MyProductModule() { ModuleName = "Module One", Checked = false }, 
      new MyProductModule() { ModuleName = "Module Two", Checked = false }, 
      new MyProductModule() { ModuleName = "Module Three", Checked = false } 
     }; 
    } 

    [Required] 
    [EmailAddress] 
    public string Email { get; set; } 

    [DisplayName("MyProduct Modules")] 
    public List<MyProductModule> Modules { get; set; } 
} 

Une liste de case est rendue pour afficher chaque module:

@for (int i = 0; i < Model.Modules.Count; i++) 
{ 
    @Html.CheckBoxFor(m => m.Modules[i].Checked) 
    @Html.HiddenFor(m => m.Modules[i].ModuleName) 
    @Html.LabelFor(m => m.Modules[i].Checked, Model.Modules[i].ModuleName) 
} 

Enfin, la forme est traitée comme suit:

[HttpPost] 
[ValidateAntiForgeryToken] 
public ActionResult ProcessRequest(ProductRequest qd) 
{ 
    if (!ModelState.IsValid) 
    { 
     return View("Index", qd); 
    } 
    else 
    { 
     // check email domains 
     List<string> badDomains = new List<string>(); 
     badDomains.Add("gmail"); 
     badDomains.Add("yahoo"); 
     badDomains.Add("hotmail"); 
     foreach (string s in badDomains) 
     { 
      if (qd.Email.Contains(string.Format("@{0}.", s))) 
      { 
       ModelState.AddModelError(string.Empty, string.Format("Please use your work email address.", s)); 
      } 
     } 

     if (!ModelState.IsValid) 
     { 
      return View("Index", qd); 
     } 
     else 
     { 
      // process 
     } 
    } 
} 

Tout fonctionne parfaitement, sauf si, pour une raison quelconque, ma validation côté serveur échoue et que le modèle est renvoyé (return View("Index", qd);). À ce moment-là, la liste des cases à cocher change mystérieusement de ceci:

[x] Module One 
[ ] Module Two 
[ ] Module Three 

... à ceci:

[ ] Module One 
[ ] Module Two 
[ ] Module Three 

Toutes les valeurs de cases à cocher sont perdus. Si j'examine les données affichées brutes dans Firebug, je vois que, pour une raison à la fois vrai et faux sont affichés pour les cases à cocher « checked »:

Answer 1

Du côté du serveur, votre variable qd contient la valeurs que vous avez publiées à partir de la vue: Pour chaque MyProductModule, vous publiez uniquement le membre Checked. Lorsque vous utilisez return View("Index", qd);, vous donnez à l'affichage uniquement la valeur que vous avez: Checked membre.

Si vous voulez avoir le membre ModuleName, vous devez afficher à côté du membre Checked

@Html.LabelFor(model => model.Modules, htmlAttributes: new { @class = "required" }) 
@for (int i = 0; i < Model.Modules.Count; i++) 
{ 
    @Html.CheckBoxFor(m => m.Modules[i].Checked) 
    @Html.HiddenFor(m => m.Modules[i].ModuleName) 
    @Html.LabelFor(m => m.Modules[i].Checked, Model.Modules[i].ModuleName) 
} 

---

Ok, je ne peux pas reproduire votre erreur, mais je peux suggérer une autre façon de écrire: en utilisant un modèle d'éditeur

au lieu de la boucle, utilisez @Html.EditorFor(m => m.Modules) Vous aurez quelque chose comme

@using (Html.BeginForm("ProcessRequest", "Home")) 
{ 
    @Html.AntiForgeryToken() 
    @Html.TextBoxFor(m => m.Email) 
    @Html.EditorFor(m => m.Modules) 
    <input type="submit" value="send" /> 
} 

Ensuite, créez un dossier EditorTemplates et une nouvelle vue nommée MyProductModule.cshtml

MyProductModule.cshtml:

@model MyNamespace.MyProductModule 

@Html.CheckBoxFor(m => m.Checked) 
@Html.HiddenFor(m => m.ModuleName) 
@Html.LabelFor(m => m.Checked, Model.ModuleName)