ASP.NET MVC: Render liste de case à cocher à partir de MultiSelectList

Comment associez-vous un MultiSelectList avec une liste de cases à cocher?

par exemple. J'ai passer quelque chose de ce genre pour le modèle

  model.Groups = new MultiSelectList(k.Groups, "Id", "Name", selectedGroups)

Comment dois-je le rendre? Cela ne fonctionne pas

<% foreach (var item in Model.Groups.Items) { %>
  <input type="checkbox" name="groups" value="<%=item.Value%>" id="group<%=item.Value%>" checked="<%=item.Selected?"yes":"no"%>" />
  <label for="group<%=item.Value%>"><%=item.Text%></label>
<% } %>

Erreur CS1061: l '"objet" ne contient pas une définition pour 'Valeur'...

Est là une méthode d'assistance HTML que je peux utiliser?

(Sauf si elle est simple, comment dois-je alors d'obtenir les valeurs sélectionnées de retour sur le Contrôleur lorsque le formulaire est soumis?)

Comment avez-vous besoin de ces Groupes dans le contrôleur? Serait-il suffisant si vous venez de recevoir les Identifiants de Groupe à partir de la forme?
Je vais juste besoin de savoir si les choix qui a changé (c'est à dire. Ceux qui sont activées lorsque le formulaire est soumis). Mais plus important encore, comment rendre les cases à cocher

OriginalL'auteur Aximili | 2010-03-04

  1. 18

    Je l'ai juste testé pour voir comment on peut voir si la sélection a été changé.

    public class Group {
    public int ID { get; set; }
    public string Name { get; set; }
}

//And some data to play with
var allGroups = new List<Group>();
allGroups.Add(new Group { ID = 1, Name = "one" });
allGroups.Add(new Group { ID = 2, Name = "two" });
allGroups.Add(new Group { ID = 3, Name = "three" });

var selectedGroups = new List<Group>();
selectedGroups.Add(allGroups[0]);
selectedGroups.Add(allGroups[2]);

var m = new MultiSelectList(allGroups, "ID", "Name", 
    selectedGroups.Select(x => x.ID));

//passed that data to the view with ViewData
ViewData["list"] = m;

    La case à cocher des éléments : 

    <% foreach (var item in (MultiSelectList)ViewData["list"]) { %>
    <input type="checkbox" name="groups" value="<%=item.Value%>"
        id="group<%=item.Value%>"
        <%=item.Selected ? "checked=\"checked\"" : String.Empty%>/>
    <label for="group<%=item.Value%>"><%=item.Text%></label>
<% } %>

    Accepté un tableau int dans l'action : 

    [HttpPost]
public ActionResult SomeAction(int[] groups) {
    if (groups != null) {
        var postedSelection = allGroups.Where(x => groups.Contains(x.ID));
        if (!selectedGroups.SequenceEqual(postedSelection)) {
            //selection was changed
        }
        else {
            //selection is the same
        }
    }
    else {
        //no group ID was posted
    }
}

    J'espère que donne une idée.

    Je vois, donc il devrait être foreach (var élément dans le Modèle.Les groupes) au lieu de foreach (var élément dans le Modèle.Groupes de.Les éléments) Merci cagdas!

    OriginalL'auteur Çağdaş Tekin

  2. 2

    Je voulais juste partager ma mise en œuvre à l'aide de l'exemple ci-dessus. Je suis le remplissage de propriétés qui sont organisés en paires clé /valeur dans ma base de données. Dans mon exemple, j'stocker chaque propriété comme une valeur clé de la paire dans un Dictionnaire. Chaque élément dans le Dictionnaire contiendra une chaîne de clé comme "Couleur" et une MultiSelectList avec des valeurs comme DataValueField="1", propriétés de datatextfield="Noir", etc...

    VewModel Code

    public Dictionary<string, MultiSelectList> Properties { get; private set; }

    private void SetProperties()
    {
        this.Properties = new Dictionary<string, MultiSelectList>();

        foreach(InventoryItemProperty property in new InventoryItemPropertyRepository().FindAllInventoryItemProperties())
        {
            this.Properties.Add(property.Key.Name, new MultiSelectList(property.Values, "Id", "Value"));
        }
    }

    Vue de balisage

    <div id="editor-inventory-item-properties">
        <% foreach(string key in Model.Properties.Keys){ %>
            <div class="editor-label">
                <label for="<%= key.ToLower() %>"><%= key %></label><br />
                <% foreach(var item in Model.Properties[key]){ %>
                    <input type="checkbox" 
                        id="<%= key.ToLower() + "-" + item.Text.ToLower() %>" 
                        name="inventoryItemPropertyValues" 
                        value="<%= item.Value %>" 
                        <%= item.Selected ? "checked=\"checked\"" : string.Empty %> />
                    <label for="<%= key.ToLower() + "-" + item.Text.ToLower() %>">
                    <%= item.Text %></label><br />
                <% } %>
            </div>
        <% } %>
    </div>

    D'Action du contrôleur de code

    //
    //POST: /Admin/InventoryItems/Create

    [HttpPost]
    public ActionResult Create(InventoryItem inventoryItem, int[] inventoryItemPropertyValues)
    {
        try
        {
            inventoryItem.Created = DateTime.Now;
            inventoryItem.LastUpdated = inventoryItem.Created;
            this.inventoryItemRepository.Add(inventoryItem);
            this.inventoryItemRepository.Save();

            if(inventoryItemPropertyValues != null)
            {
                SaveInventoryItemPropertyValues(inventoryItem.Id, inventoryItemPropertyValues);
            }

            return RedirectToAction("Details", new { id = inventoryItem.Id });
        }
        catch
        {
            throw;
            //return View();
        }
    }
private void SaveInventoryItemPropertyValues(int inventoryItemId, int[] inventoryItemPropertyValues)
    {
        for(int i = 0; i < inventoryItemPropertyValues.Length; i++)
        {
            this.inventory_Item_ProperytValueRepository.Add(new Inventory_Item_PropertyValue() { InventoryItemId = inventoryItemId, InventoryItemPropertyValueId = inventoryItemPropertyValues[i] });
        }

        this.inventory_Item_ProperytValueRepository.Save();
    }

    OriginalL'auteur Joey Green