为多个选定值保存 DropDownList

Question

如何为多个 DropDownListFor 保存数据？我有此代码，但所选项目没有到达控制器。

我的代码视图：

@Html.DropDownListFor(model => model.Ingredients, new SelectList(Model.ListIngredients, "Id", "Description"), "Select the ingredients", new { multiple = "multiple", })

我的模特：

public ICollection<Ingredient> Ingredients { get; set; }
public ICollection<Ingredient> ListIngredients{ get; set; }

Ingredient.cs：

public string Description { get; set; }
public int Id { get; set; }

我必须更改助手的名称和 ID 才能保存数据？

Answer 1

您正在尝试将所选值绑定到成分集合中。 但是，如果您查看发布的值，它们将如下所示：

...Ingredients=1&Ingredients=2...

这意味着模型绑定器将不知道如何将诸如 1,2（即成分 ID）之类的值转换为成分类的实例。

---

您需要更改视图模型的属性，您将在其中获取用户选择的成分，而不是成分的集合：

public ICollection<Ingredient> Ingredients { get; set; }

您有一组 Id（这是您用作多选值的属性），例如：

public int[] SelectedIngredients { get; set; }

（我已经重命名了属性，但这并不是绝对需要的，我这样做只是为了清楚起见）

作为建议，我会从该多选中删除默认选项值（“选择成分”选项）并使用标签或工具提示。否则，它可能看起来像列表中的任何其他值，您将不得不处理用户选择该选项的情况，这不是有效的成分。

更好的是，我还会使用 @Model.ListBoxFor 帮助器，因为这会让每个人都知道他们正在处理多选。否则（使用下拉助手），除非您查看属性，否则您可能不会意识到它是多选。比如：

 @Html.ListBoxFor(m=>m.SelectedIngredients, new SelectList(Model.ListIngredients, "Id", "Description"))

当然，这些只是建议。如果它们不符合您的要求，您可以愉快地忽略它们！

作为最后的评论，可以将发布的值转换为 Ingredient 对象，就像您最初在视图模型中所做的那样。这将需要您编写自己的模型绑定器并将其配置为成分类型。但是，您只会收到发布值中的 id，因此您必须检索其他属性（可能从数据库中），否则您将拥有一个仅填充 Id 的成分对象集合。除非你真的需要，否则我不会走这条路。