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

Question

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

这是模型：

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 设置为以下任何内容 returns:

// 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;
}

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

<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;
}

最后，这是方法签名，其中的字段是 binded/bound:

[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).

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

Html Helper Drop Down List switches value to top option on submit / in database

forms

asp.net-mvc

enums

html-helper

viewbag