Html Helper Drop Down List 将值切换到提交/在数据库中的顶部选项

Question

我正在填写一个表单，但是当从下拉列表中选择一个选项并单击提交时，无论我选择什么选项，它总是会解析顶部的选项。显示的值永远不会改变，因此您将其保留为默认选项“请选择...”并单击提交，这将保持为“请选择...”，但数据库中的条目始终是出现在下拉列表的顶部。

这是模型：

public enum Medium
{
    [Description("Teleconference & Report")]
    Teleconference_Report,
    [Description("Email & Telephone")]
    Email_Telephone
}

[Required]
[Display(Name = "Medium")]
public Medium Medium { get; set; }

这是表单中的字段：

<div class="form-group">
    @Html.LabelFor(model => model.Medium, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-5">
        @Html.DropDownList("MediumID", null, "Please select...", htmlAttributes: new { @class = "form-control" })
        @Html.ValidationMessageFor(model => model.Medium, "", new { @class = "text-danger" })
    </div>
</div>

“MediumID”DropDownList 使用 viewbag 填充，该 viewbag 设置为以下返回值：

// Puts all of the mediums of communication into a user friendly dropdownlist.
public List<SelectListItem> GetMediumList()
{
    List<SelectListItem> mediumList = new List<SelectListItem>();

    foreach (Medium state in EnumToList<Medium>())
    {
        mediumList.Add(new SelectListItem
        {
            Text = GetEnumDescription(state),
            Value = state.ToString(),
        });
    }

    return mediumList;
}

下面显示了另一个名为“频率”的枚举的表单部分，但这些没有更改为用户友好的字符串（并且工作正常）。

<div class="form-group">
    @Html.LabelFor(model => model.Frequency, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-5">
        @Html.EnumDropDownListFor(model => model.Frequency, "Please select...", htmlAttributes: new { @class = "form-control" })
        @Html.ValidationMessageFor(model => model.Frequency, "", new { @class = "text-danger" })
    </div>
</div>

下面，显示了将枚举转换为用户友好字符串的两种方法：

// Returns a 'user friendly', readable version of the enum.
public static string GetEnumDescription(Enum value)
{
    FieldInfo fi = value.GetType().GetField(value.ToString());

    DescriptionAttribute[] attributes =
        (DescriptionAttribute[])fi.GetCustomAttributes(typeof(DescriptionAttribute), false);

    if (attributes != null && attributes.Length > 0)
        return attributes[0].Description;
    else
        return value.ToString();
}

// Puts all of the same enums into a list.
public static IEnumerable<T> EnumToList<T>()
{
    Type enumType = typeof(T);

    // Can't use generic type constraints on value types,
    // so have to do check like this.
    if (enumType.BaseType != typeof(Enum))
        throw new ArgumentException("T must be of type System.Enum");

    Array enumValArray = Enum.GetValues(enumType);
    List<T> enumValList = new List<T>(enumValArray.Length);

    foreach (int val in enumValArray)
    {
        enumValList.Add((T)Enum.Parse(enumType, val.ToString()));
    }

    return enumValList;
}

最后，这是绑定/绑定字段的方法签名：

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create([Bind(Include = "Point,ApplicationID,MediumID,Frequency,StartDate,EndDate")] TouchPoint touchPoint)

在此方法中，下拉菜单使用以下内容传递给视图：

ViewBag.MediumID = GetMediumList();

非常感谢任何帮助。

Answer 1

您的模型有一个名为Medium 的属性，但您的视图没有绑定到该属性。您生成的<select> 的名称是MediumID，它在您的模型中不存在，因此您提交时Medium 的默认值为Teleconference_Report（第一个枚举值）。

将视图更改为

 @Html.DropDownListFor(m => m.Medium, (IEnumerable<SelectListItem>)ViewBag.MediumID, "Please select...", new { @class = "form-control" })

尽管我建议将 ViewBag 属性名称更改为 MediumList 以使其更明显地表明它是一个集合。更好的是，使用具有属性public IEnumerable<SelectListItem> MediumList { get; set; } 的视图模型，以便视图可以是@Html.DropDownListFor(m => m.Medium, Model.MediumList, .... )。

您还需要更改[Bind] 属性以包含"Medium"（并删除"MediumID"），尽管使用视图模型意味着[Bind] 属性不是必需的。

旁注：您不需要[Required] 属性，除非您想使用ErrorMessage = "..." 属性添加特定的错误消息（默认情况下始终需要enum，除非您创建属性nullable）。