将HTML.EditorFor转换为下拉菜单(HTML.dropdownfor?)

Question

当前我在默认的"创建"视图页面中使用Html.EditorFor控件，如下所示。

 <%: Html.EditorFor(model => model.IsActive) %> 

我想将其转换为带有值的下拉列表，并且仍然绑定到视图中的模型。我的问题有两个方面。

1. 如果下拉列表中只需要2/3的值。。有没有一种快速的方法可以显式地填充2或3个值？

2. 如果列表很大，并且需要来自sql查询，如何做到这一点？

提前感谢您的帮助。

Answer 1

为了生成下拉列表，您需要视图模型上的两个属性：一个是将所选值绑定到的标量属性，另一个是包含要在下拉列表中显示的项的集合属性。

因此，您可以定义一个视图模型：

public class DropDownListViewModel
{
    public string SelectedValue { get; set; }
    public IEnumerable<SelectListItem> Items { get; set; }
}

然后在你的主视图模型上有一个这种类型的属性：

public DropDownListViewModel Foo { get; set; }

现在您可以为这种类型（~/Views/Shared/EditorTemplates/DropDownListViewModel.ascx）拥有一个自定义编辑器模板：

<%@ Control 
    Language="C#" Inherits="System.Web.Mvc.ViewUserControl<DropDownListViewModel>" 
%>
<%= Html.DropDownListFor(x => x.SelectedValue, Model.Items) %>

然后在您的主视图中：

<%= Html.EditorFor(x => x.Foo) %> 

现在剩下的就是让控制器操作渲染主视图，用相应的值填充Foo属性。可以是硬编码的，来自存储库或其他什么。这其实并不重要。

另一方面，如果您事先知道这些值，则可以在编辑器模板（~/Views/Shared/EditorTemplates/YesNoDropDown.ascx）中对其进行硬编码：

<%= Html.DropDownList(
    "", 
    new SelectList(
        new[] 
        { 
            new { Value = "true", Text = "Yes" },
            new { Value = "false", Text = "No" },
        }, 
        "Value", 
        "Text",
        Model
    )
) %>

然后：

<%= Html.EditorFor(x => x.IsActive, "YesNoDropDown") %> 

或者通过在视图模型上装饰IsActive属性：

[UIHint("YesNoDropDown")]
public bool IsActive { get; set; }

然后：

<%= Html.EditorFor(x => x.IsActive) %>