在EnumDropDownListFor / ListBoxFor上绑定多个值

Question

我正在使用ASP.NET MVC5，我正在尝试创建一个EnumDropDownListFor ，其中：

• 用户可以选择多个值（在下拉列表中填充枚举值）
• 提交表单时，所选值将绑定到模型。

这是我到目前为止尝试的内容：

@Html.ListBoxFor(m => m.SelectedHeatingTypes, new SelectList(Model.HeatingTypeItems, "Value", "Text"))
@Html.ListBoxFor(m => m.SelectedHeatingTypes, Model.HeatingTypeItems, new { @class = "form-control" })
@Html.ListBoxFor(m => m.SelectedHeatingTypes, new MultiSelectList(Model.HeatingTypeItems, "Value", "Text"))
@Html.EnumDropDownListFor(m => m.HeatingTypes, new { @class = "form-control selectpicker", @multiple = "multiple"})
@Html.ListBoxFor(m => m.HeatingTypes, Model.HeatingTypeItems, htmlAttributes: new { @class = "form-control", multiple = "multiple" })
@Html.ListBoxFor(m => m.HeatingTypes, new SelectList(Enum.GetValues(typeof(HeatingType))), new { @id = "ddlMyEnum", @multiple = "multiple" })

在我的模型上，我有两个属性

public IEnumerable<int> SelectedHeatingTypes { get; set; }
public IEnumerable<SelectListItem> HeatingTypeItems { get; set; }

我试图将IEnumerable<int> SelectedHeatingTypes更改为int[] ，不再成功

如何在模型属性上绑定多选？ 我对阵列，列表，IEnumerable <>开放，我可以与服务器端一起工作......

Answer 1

我会查看KnockoutJs，因为这可以解决你的问题。 这是一个客户端绑定，因此您需要将模型提供给客户端，然后使用KO将数据绑定到UI。

https://knockoutjs.com/documentation/selectedOptions-binding.html