ASP.NET MVC：DropDownListFor 不选择任何选项

Question

我用它来填充 ASP.NET MVC 视图中的下拉列表。

<%= Html.DropDownListFor(model => model.Bikes,
      Model.Bikes.Select(
      x => new SelectListItem {
               Text = x.Name,
               Value = Url.Action("Details", "Bike", new { bikeId = x.ID }),
               Selected = x.ID == Model.ID,
           })) %>

对此进行调试，我可以看到 Selected 属性在应该设置为 true 时被设置为 true 。但是当渲染视图时，列表中的任何选项都不会被选择。我意识到这可以通过 DropDownListFor 的另一个重载来完成，但我真的想让这个版本正常工作。

有什么想法吗？

Answer 1

您选择的值不起作用的原因是您使用 URL 作为选项值，但在 Selected 子句中指定 Model.ID。

尝试像这样：

<%= Html.DropDownListFor(
    model => model.Bikes,
    new SelectList(Model.Bikes, "Id", "Name", Model.ID)
)%>

"Id" 表示将用作选项值的属性，而 "Name" 表示将用作选项标签的属性。

如果您想保留 Url.Action 您可以尝试：

<%= Html.DropDownListFor(
    model => model.Bikes,
    new SelectList(Model.Bikes.Select(x => new {
        Id = x.Id,
        Name = Url.Action("Details", "Bike", new { bikeId = x.ID })
    }), "Id", "Name", Model.ID)
)%>

您会注意到我已经颠倒了名称和 Id，因为使用模型 Id 作为选项值似乎更合乎逻辑。

---

更新：

这不起作用的原因是您绑定到 IEnumerable （DropDownListFor 帮助器的第一个参数）。当您使用相同的 model.Bikes 集合时，它应该是标量属性：

<%= Html.DropDownListFor(
    model => model.SelectedBikeValue,
    Model.Bikes.Select(
        x => new SelectListItem {
                 Text = x.Name,
                 Value = Url.Action("Details", "Bike", new { bikeId = x.ID }),
                 Selected = x.ID == Model.ID,
        }
)) %>

我关于不使用 URL 作为选项值的评论是正确的。

Answer 2

我在这个概念上遇到了很多麻烦。当您无法从对象中包含该属性的模型传递“name”属性时，它尤其会表现出来，因为此类对象名称会自动添加到名称前面。这太疯狂了。在浪费了很多时间试图解决这个问题之后，我放弃了并编写了我自己的下拉扩展，我将其发布在这里。它非常简单并且工作得很好。

    public static MvcHtmlString SimpleDropDown(this HtmlHelper helper, object attributes, IEnumerable<SelectListItem> items, bool disabled = false)
    {
        XElement e = new XElement("select",
            items.Select(a => {
                XElement option = new XElement("option", a.Text);
                option.SetAttributeValue("value", a.Value);
                if (a.Selected)
                    option.SetAttributeValue("selected", "selected");
                return option;
            })
            );

        if (attributes != null)
        {
            Dictionary<string, string> values = (from x in attributes.GetType().GetProperties() select x).ToDictionary(x => x.Name, x => (x.GetGetMethod().Invoke(attributes, null) == null ? "" : x.GetGetMethod().Invoke(attributes, null).ToString()));
            foreach(var v in values)
                e.SetAttributeValue(v.Key, v.Value);
        }

        if (disabled)
            e.SetAttributeValue("disabled", "");

        return new MvcHtmlString(e.ToString());
    }

另外，我将标记 disabled 作为额外参数，因为如果您想通过标准匿名属性列表绑定到它，这可能会很麻烦。

下面是我目前如何使用它的示例。我将字典翻译成 SelectListItem 的列表，但它可以只是一个简单的列表。

@Html.SimpleDropDown(new { id="EOM", name = "EOM", @class = "topBox" }, Model.EOM.Select(x => new SelectListItem { Text = x.Value, Value = x.Key.ToString(), Selected = Model.EOM.Selected == x.Key }), !Model.EOM.Available)