Création d'une DropDownList à partir d'entrées de base de données, puis liaison dans la soumission de formulaire

Question

J'ai des entrées pour une énumération stockée dans une table de base de données avec uniquement les champs suivants: ID et Name. Je veux montrer les valeurs stockées dans cette table dans un DropDownList sur un formulaire. L'utilisateur choisit ensuite une valeur et soumet le formulaire.

I found a way to easily create a DropDownList from an enumeration (bien qu'il soit préférable de remplir simplement DropDownList avec les champs Nom de tous les enregistrements de la table). Cependant, je n'ai pas trouvé un moyen de lier le DropDownList dans la soumission de formulaire à une valeur entière à mettre dans la base de données (FK - PK) avec les autres valeurs de formulaire.

Pouvez-vous fournir un exemple de code illustrant comment effectuer une telle liaison?

MISE À JOUR: Merci pour la réponse géniale. Je ai une autre question: est-il possible de aller chercher du contenu DropDownList via AJAX et doit-il être mis dans le DropDownList et dans la SelectList dans le ViewModel (avec les deux paramètres ID et Name)? Je souhaite récupérer le contenu de manière sélective en fonction d'une entrée que l'utilisateur crée et je souhaite que ViewModel soit ensuite rempli avec ces données extraites.

Answer 1

Comme toujours commencer par la définition d'un modèle:

public class MyViewModel 
{ 
    public int SelectedValue { get; set; } 
    public IEnumerable<SelectListItem> Items { get; set; } 
} 

le régulateur:

public class HomeController : Controller 
{ 
    public ActionResult Index() 
    { 
     var model = new MyViewModel 
     { 
      // TODO: Fetch from the database some enumerable collection 
      // containing Id and Name 
      Items = new SelectList(new[] 
      { 
       new { Id = 1, Name = "item 1" }, 
       new { Id = 2, Name = "item 2" }, 
      }, "Id", "Name") 
     }; 
     return View(model); 
    } 

    [HttpPost] 
    public ActionResult Index(MyViewModel model) 
    { 
     // TODO: Do something with model.SelectedValue 
     return RedirectToAction("index"); 
    } 
} 

et enfin la vue fortement typé:

<% using (Html.BeginForm()) { %> 
    <%: Html.DropDownListFor(x => x.SelectedValue, Model.Items) %> 
    <input type="submit" value="OK" /> 
<% } %>