@Html.EditorForModel() 下拉菜单

Question

我正在开发 MVC4 ，using @Html.EditorForModel() ，它将dropdownlist 显示为文本框，我想通过设置任何attribute 和覆盖模板来显示Dropdown 列表。请分享我的 MVC4 示例。

@model Models.Employee

@{
    ViewBag.Title = "Create";
}

<h2>Create</h2>

@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>Employee</legend>
        @Html.EditorForModel()
        <p>
            <input type="submit" value="Create" />
        </p>
    </fieldset>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

提前致谢。

Answer 1

它是覆盖模板的必要条件吗？您可以使用 @Html.DropDownList() 助手。

asp.net网站上有完整的使用示例，可​​以下载项目：Here

Answer 2

您可以定义一个表示下拉列表的视图模型：

public class ItemsViewModel
{
    public string SelectedValue { get; set; }

    public IEnumerable<SelectListItem> Values { get; set; }
}

将在您的主视图模型中使用：

public class MyViewModel
{
    public ItemsViewModel DropDown1 { get; set; }
    public ItemsViewModel DropDown2 { get; set; }
    ...
}

现在剩下的就是为ItemsViewModel 编写一个自定义编辑器模板，它应该放在~/Views/Shared/EditorTemplates/ItemsViewModel.cshtml 中。请注意，模板的名称和位置很重要：

@model ItemViewModel
@Html.DropDownListFor(x => x.SelectedValue, Model.Values)

这就是它所需要的。