html - 多选列表如何与 ASP.NET MVC 中的模型绑定一起使用？

Question

如果您在 ASP.NET MVC 中将选择列表设置为多个，那么模型绑定如何工作？

它为您选择的项目返回什么，一个数组？

<SELECT NAME="toppings" MULTIPLE SIZE=5>
    <option value="mushrooms">mushrooms</option>
    <option value="greenpeppers">green peppers</option>
    <option value="onions">onions</option>
    <option value="tomatoes">tomatoes</option>
    <option value="olives">olives</option>
</SELECT>

Answer 1

是的，默认情况下，多选列表将通过所选值的数组发布。

本文包含更多信息，包括如何将强类型视图与多选列表一起使用。

从链接的“文章”：

• 您的模型或视图模型类需要一个用于选定选项项的 ID 的集合属性，例如List<int> ToppingIds.
• 在包含多选列表 POST 的表单的控制器操作方法中，您可以通过添加到模型或视图模型类的集合属性访问选定的选项项。

Answer 2

是的，它返回一个数组。

查看型号：

public class MyViewModel
{
    public int[] SelectedIds { get; set; }
    public IEnumerable<SelectListItem> Items { get; set; }
}

控制器：

public ActionResult Index()
{
    var model = new MyViewModel
    {
        // fetch the items from some data source
        Items = Enumerable.Select(x => new SelectListItem
        {
            Value = x.Id,
            Text = "item " + x.Id
        })
    };
    return View(model);
}

看法：

@model MyViewModel
@Html.ListBoxFor(x => x.SelectedIds, Model.Items)

Answer 3

在 VegTableViewmodel 中：

public IEnumerable<MultiSelectList> Vegetables { get; set; }

在Controller 中：获取蔬菜列表，然后将其传递给VegTableViewModel 的蔬菜属性。

viewmodel.Vegetables = vegetables .Select(d => new MultiSelectList(d.VegName));

在视图中：

@Html.ListBoxFor(m => m.L, new MultiSelectList(Model.Vegetables.Select(d => d.Items))