web-dev-qa-db-fra.com

Modèle MVC avec une liste d'objets en tant que propriété

Je travaille sur une application MVC où la classe Model Item a un List<Colour> nommé AvailableColours en tant que propriété.

AvailableColours est un sous-ensemble défini par l'utilisateur de Colour classes. Je souhaite afficher toutes les instances de Colour dans une liste de cases à cocher et, une fois soumis, AvailableColours est un List<Colour> contenant les classes Colour vérifiées.

Quelle est la meilleure façon de procéder dans MVC?

Edit: Mon code jusqu'à présent, même si je pense que ce n'est pas la façon la plus MVC de le faire!

Modèle

public class Item
{
    public int ID { get; set; }
    public List<Colour> AvailableColours { get; set; }
}

Voir

@model MyNamespace.Models.Item
@using MyNamespace.Models;
@{
    ViewBag.Title = "Create";

    var allColours = new List<Colour>(); //retrieved from database, but omitted for simplicity
}

<h2>Create New Item</h2>

@using (Html.BeginForm("Create", "Item", FormMethod.Post)) 
{
    <div>
        @Html.LabelFor(model => model.AvailableColours)

        @foreach (var colour in allColours)
        {

           <input type="checkbox" name="colours" value="@colour.Description" />
        }
    </div>

    <input type="submit" value="Submit" />
}

Contrôleur

[HttpPost]
public ActionResult Create(Item item, string[] colours)
{
    try
    {
        foreach (var colour in colours)
        {
            item.AvailableColours.Add(GetColour(colour));//retrieves from database

            return RedirectToAction("Index");
        }
    }
    catch
    {
       return View();
    }
}
c#asp.netasp.net-mvcasp.net-mvc-4razor
8
LoveFortyDown

Modèles 

public class Item
{
   public List<Colour> AvailableColours { get;set; }
}

public class Colour
{
    public int ID { get; set; }
    public string Description { get; set; }
    public bool Checked { get; set; }

}

Notez la propriété Checked

Afficher la boucle 

@using (Html.BeginForm("Create", "Item", FormMethod.Post)) 
{
   <div>
    @Html.LabelFor(model => model.AvailableColours)
    @for(var i = 0; i < Model.AvailableColours.Count; i++)
    {    

        @Html.HiddenFor(m => Model.AvailableColours[i].ID)
        @Html.HiddenFor(m => Model.AvailableColours[i].Description)
        @Html.CheckBoxFor(m => Model.AvailableColours[i].Checked)
        @Model.AvailableColours[i].Description<br/>
     }
    </div>
<input type="submit" value="Submit" />
}

Notez la boucle for insted de foreach pour activer la liaison du modèle et les champs cachés pour permettre aux valeurs d'être renvoyées au contrôleur

Liaison de modèle à une liste

Poste de contrôleur 

[HttpPost]
public ActionResult Create(Item model)
{
    //All the selected are available in AvailableColours

    return View(model);
}
27
hutchonoid

Assurez-vous d'ajouter le constructeur dans la classe et de déclarer la liste à l'intérieur. Sinon, il déclarerait la valeur null nulle que vous ne pourrez pas définir plus tard.

public class Item
{
  public Item(){

    AvailableColours =new List<Color>();
}

}
0
Priyanka Arora