Liaison de modèle MVC IList <T> données à Html.Listbox

Question

Je veux lier ma classe Store qui a plusieurs produits à Html.Listbox. En mode édition, je souhaite que Html.Listbox affiche tous les produits dans lesquels les produits du magasin sont sélectionnés. Je n'ai pas réussi à lier store.Products à la liste déroulante

Ma structure de classe;

public class Store 
{ 
    public virtual int Id { get; set; } 
    public virtual string Name { get; set; }  
    public virtual IList<Product> Products { get; set; } 
} 
public class Product 
{ 
    public virtual int Id { get; set; } 
    public virtual string Name { get; set; }  
} 
public class StoreEditView 
{ 
    public virtual int Id { get; set; } 
    public virtual string Name { get; set; }  
    public virtual IList<Product> Products { get; set; } 
    public virtual MultiSelectList ProductList //populated from db, all products in the form of IList<Product> 
} 

Mon contrôleur;

public ViewResult Edit() 
    { 
    var editstore = new StoreEditView(); 
    editstore.Products = new List<Product> {new Product() {Id = 1, Name="Example"}}; 
    return View(editstore); 
    } 

Mes vues;

<%=Html.ListBox("Products", Model.ProductList)%> 

Dans ce cas, j'ai besoin d'afficher product.Id = 1 dans la zone de liste. Jusqu'à présent, je ne pouvais pas le faire. J'ai essayé,

<%=Html.ListBox("Product.Id", Model.ProductList)%> 
<%=Html.ListBox("Products.Id", Model.ProductList)%> 

n'a pas fonctionné.

Answer 1

Sur la base de votre révision, peut-être vous avez besoin ce dans le code qui renseigne votre liste de sélection:

List<int> selectedValues = new List<int>(); 
foreach (Product p in store.Products) 
    selectedValues.Add(p.Id); 
var allProductList = new MultiSelectList(allProducts, "Id", "Title", selectedValues); 

Je vais laisser ma première réponse ci-dessous, car il résoudrait le problème de façon plus propre.

L'assistant Html.ListBox() veut qu'un IEnumerable lui soit passé. Vous devez donc convertir votre liste en celle-ci afin de remplir la zone de liste.

Vous pouvez accomplir cela avec une méthode d'extension comme ceci:

using System.Collections.Generic; 
using System.Web.Mvc; 

namespace MvcMockups.Extensions 
{ 
    public static class Extensions 
    { 
     public static SelectList ToSelectList<T>(this IEnumerable<T> items, string dataValueField, string dataTextField, string selectedValue) 
     { 
      return new SelectList(items, dataValueField, dataTextField, selectedValue); 
     } 
    } 
} 

Votre vue aura besoin de savoir au sujet de votre méthode d'extension:

<%@ Import Namespace="MvcMockups.Extensions"%> 

Ensuite, votre vue contiendraient:

<%= Html.ListBox("Product", Model.Products.ToSelectList("Id", "Name", "1"))%> 

Answer 2

En supposant que Store est votre Model:

<%= Html.ListBox("ProductList", 
     new SelectList(Model.Products, "Id", "Name", 1)) %> 

La clé est que le ListBox doit être nommé différemment que le SelectList! Je ne sais pas s'il s'agit d'un bogue dans ASP.NET MVC 1.0 (il semble) mais j'ai aussi passé du temps à le comprendre avant. Le symptôme est qu'aucune valeur n'est jamais sélectionnée. J'espère que cela résout le problème pour vous et vous pouvez vous débarrasser de cette classe StoreEditView, ce qui je pense est inutile.

Answer 3

Merci pour vos commentaires. Les deux méthodes fonctionnent, mais lorsque vous soumettez la page, mvc ne peut pas modéliser lier la liste de produits à l'objet Store par défaut.

j'ai réussi à résoudre ce problème en utilisant AutoMapper

Answer 4

S'il vous plaît se référer l'article qui décrit comment lier MVC listbox (A base convention-objet-objet mappeur.): http://www.altafkhatri.com/Technical/How_to_bind_IList_with_MVC_Dropdownlist_box