asp.net-mvc-4 - 从视图模型填充剃刀 DropDownList

Question

我有一个自定义模型（假设是 CustomModel），用于在视图中填充我的 razor DropDownList：

namespace MyNamespace.Models
{
    public class SelectListItem
    {
        public string Value { get; set; }
        public string Text { get; set; }
    }

    public class ComponentTypeModel
    {
        private readonly List<ComponentType> componentTypes;

        [Display(Name = "Component Type")]
        public int SelectedCompTypeId { get; set; }

        public IEnumerable<SelectListItem> CompTypeItems
        {
            get
            {
                var allCompTypes = componentTypes.Select(f => new SelectListItem
                {
                    Value = f.Id.ToString(),
                    Text = f.Name
                });

                return allCompTypes;
            }
        }

        public IEnumerable<SelectListItem> DefaultCompTypeItem
        {
            get
            {
                return Enumerable.Repeat(new SelectListItem
                                               {
                                                   Value = "-1",
                                                   Text = "Select a component type"
                                               }, 
                                         count: 1);
            }

        }
    }
}

然后在我看来，我使用剃刀执行以下操作：

@model MyNamespace.Models.CustomModel

@Html.LabelFor(m => m.SelectedCompTypeId);
@Html.DropDownListFor(m => m.SelectedCompTypeId, Model.CompTypeItems);

但第二个参数Model.CompTypeItems行：

@Html.DropDownListFor(m => m.SelectedCompTypeId, Model.CompTypeItems);

正在生成一个编译错误，指出它无效。有任何想法吗？

Answer 1

我认为你在复杂化自己。

只需使用此模型：

public class ComponentTypeModel
{
    public int? SelectedComp {get; set;}
    public SelectList DDLCompTypes {get; set;}
}

然后在你的控制器中：

var model = new ComponentTypeModel();
model.DDLCompTypes = new SelectList(theComponentTypes, "Id","Name");

//If you need to set some value in the DropDownValue (for instance in the Edit view) you do:
model.DDLCompTypes = new SelectList(theComponentTypes, "Id","Name", model.SelectedComp);

然后在您的视图中：

@Html.DropDownFor(x => x.SelectedComp, Model.DDLCompTypes, "Select a component type" )