来自 1 个 List<SelectListItem> 的 MVC 多个 DropDownLists

Question

背景：我的页面上有 4 个下拉列表，它们都使用一个 SelectListItem 列表从中提取数据。所有这 4 个下拉菜单都将始终包含完全相同的元素。每个下拉列表的顶部都有一个空元素。

问题：如果我没有从呈现第二个的列表中选择一个项目，当页面加载第二个列表时，会自动选择在第一个列表中选择的项目。这是因为（我认为）该列表有一个SelectListItem，其中Selected = true，它只是在第二个列表中使用了那个。

有没有办法将一个列表源用于多个下拉列表？我不想重复这个列表 4 次，除非我绝对必须......

代码：

//this is the list source
public IEnumerable<SelectListItem> PossibleItems { get; set; }

//this is the code on my .cshtml page
@Html.DropDownListFor(x => x.SelectedItem1, Model.PossibleItems)
@Html.DropDownListFor(x => x.SelectedItem2, Model.PossibleItems)
@Html.DropDownListFor(x => x.SelectedItem3, Model.PossibleItems)
@Html.DropDownListFor(x => x.SelectedItem4, Model.PossibleItems)

Answer 1

在您的列表中，需要为四个下拉列表中的每一个创建不同的 SelectList 实体，如下所示：

@Html.DropDownListFor(x => x.SelectedItem1, 
    new SelectList(Model.PossibleItems, "dataValue", "textValue", Model.SelectedItem1))
@Html.DropDownListFor(x => x.SelectedItem2, Model.PossibleItems)
    new SelectList(Model.PossibleItems, "dataValue", "textValue", Model.SelectedItem2))
@Html.DropDownListFor(x => x.SelectedItem3, Model.PossibleItems)
    new SelectList(Model.PossibleItems, "dataValue", "textValue", Model.SelectedItem3))
@Html.DropDownListFor(x => x.SelectedItem4, Model.PossibleItems)
    new SelectList(Model.PossibleItems, "dataValue", "textValue", Model.SelectedItem4))

在此示例中，“dataValue”和“textValue”是 SelectListItem 对象的属性，它们对应于下拉选项的值和文本元素。

Answer 2

2 年前，但对于像我一样寻找答案的人来说，上面的 Feussy 评论是要走的路。我将尝试解释为什么以及我发现了什么。

使用上面的 OP 示例。必须满足几个条件才能看到所描述的行为。

• x.SelectedItem1 应该有一个值（比如 1）。
• x.SelectedItem2 必须为 NULL。 （如果它不是可空类型并且 只需说一个 INT 它将默认为 0 并且您不会看到 行为）

在@Html.DropDownListFor(x => x.SelectedItem1, Model.PossibleItems)处设置断点

如果您查看 Model.PossibleItems，您将看到预期的列表。 让代码继续到下一行。 现在，如果您查看 Model.PossibleItems，您将看到 Html.DropDownListFor 修改了您在模型上的选择列表，而不仅仅是使用它！ x.SelectedItem1 的选项现在不仅在发送到客户端的 HTML 中，而且在您的模型中都有一个“selected”属性！ 这似乎是 Html.DropDownListFor 上的不良行为，但它确实做到了。

现在当你点击@Html.DropDownListFor(x => x.SelectedItem2, Model.PossibleItems)

• 如果 x.SelectedItem2 有一个值，它会设置它，你会没事的 但是....
• 如果 x.SelectedItem2 为 null，则第二个 @Html.DropDownListFor 只是 似乎将更改的（由第一个 DropDownListFor）选择列表作为 是，您的第二个下拉菜单将选择 x.SelectedItem1。 （因为选择列表本身已被更改）

Feussy 的回答有效，因为不是在模型上创建一个可重用的 selectList，而是创建单独的 selectLists，这些 selectLists 是从模型上的一些 List/IEnumerable 生成的，而不是被重用的模型。

所以这个故事的寓意是不要重用具有可为空值的 selectList，因为 Html.DropDownListFor 在更改事物时没有问题，并且如果值为 NULL，则不会清除任何选定的属性。

希望这很清楚。

Answer 3

不要使用List<SelectListItem>，而是使用SelectList。然后你可以重复使用DropDownListFor中的项目列表。

型号：

public SelectList PossibleItems { get; set; }

控制器：

var items = new List<SelectListItem>();
model.PossibleItems = new SelectList(items, "Value", "Text");

查看：

@Html.DropDownListFor(m => m.Item1, Model.PossibleItems)
@Html.DropDownListFor(m => m.Item2, Model.PossibleItems)

Answer 4

您当前拥有的代码是执行此操作的最佳方式，它应该按原样工作。 SelectListItem 确实有 Selected 属性，但这通常由 SelectList 实例设置。否则，您必须自己手动设置此属性。由于您使用的是IEnumerable<SelectListItem> 而不是实例化的SelectList，因此所有项目都应默认将Selected 设置为false。只有当 Razor 呈现 DropDownListFor 控件时，您才能枚举变成实际的 SelectList 并根据模型设置其选定值。检查您的其他代码并确保您没有在任何地方手动设置所选状态。

FWIW，您无需手动添加空项：DropDownListFor 控件可以将空项添加到列表中。

@Html.DropDownListFor(x => x.SelectedItem1, Model.PossibleItems, string.Empty)