ASP.NET MVC：从 MultiSelectList 呈现复选框列表答案

【问题标题】：ASP.NET MVC: Render checkbox list from MultiSelectListASP.NET MVC：从 MultiSelectList 呈现复选框列表
【发布时间】：2011-01-23 13:13:28
【问题描述】：

如何将 MultiSelectList 与复选框列表相关联？

例如。我将这样的东西传递给模型

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

我应该如何渲染它？这不起作用

<% 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>
<% } %>

错误 CS1061：“对象”不包含“值”的定义...

有没有我可以使用的 HTML Helper 方法？

（那么，除非它很简单，否则我应该如何在提交表单时将选定的值返回到控制器上？）

【问题讨论】：

您如何需要控制器中的这些组？如果您只是从表单中收到组 ID 就足够了吗？
我只需要知道选择是否已更改（即，提交表单时会检查哪些选项）。但更重要的是如何呈现复选框

标签： asp.net-mvc asp.net-mvc-2 html-helper

【解决方案1】：

我刚刚测试了如何查看选择是否已更改。

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;

复选框元素：

<% 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>
<% } %>

在动作中接受了一个 int 数组：

[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
    }
}

我希望这能提供一些想法。

【讨论】：

我明白了，所以应该是foreach（Model.Groups中的var item）而不是foreach（Model.Groups.Items中的var item）谢谢cagdas！

【解决方案2】：

我只是想使用上面的示例分享我的实现。我正在填充在我的数据库中组织成键/值对的属性。在我的示例中，我将每个属性作为键值对存储在字典中。 Dictionary 中的每个项目都将包含一个字符串键，如“Color”和一个 MultiSelectList，其值如 DataValueField="1"、DataTextField="Black" 等......

VewModel 代码

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"));
        }
    }

查看标记

<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>

控制器动作代码

//
    // 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();
    }

【讨论】：