为了创建下拉列表,您需要在视图模型上使用 2 个属性:一个标量属性,它将保存选定的值,一个集合属性,其中包含您想要显示的可用项目的列表。
因此,与往常一样,您从编写视图模型开始:
public class MyViewModel
{
[Required]
[DisplayName("Role")]
public string SelectedRole { get; set; }
public IEnumerable<SelectListItem> Roles
{
get
{
return new[]
{
new SelectListItem { Value = "Author", Text = "Author" },
new SelectListItem { Value = "Underwriter", Text = "Underwriter" }
};
}
}
}
然后是一个控制器动作,将这个模型传递给视图:
public class HomeController: Controller
{
public ActionResult Index()
{
var model = new MyViewModel();
return View(model);
}
[HttpPost]
public ActionResult Index(MyViewModel model)
{
if (!ModelState.IsValid)
{
return View(model);
}
return Content("Thanks for selecting role: " + model.SelectedRole);
}
}
最后是相应的强类型视图:
@model MyViewModel
@using (Html.BeginForm())
{
@Html.LabelFor(m => m.SelectedRole)
@Html.DropDownListFor( m => m.SelectedRole, Model.Roles, "-- Role --")
@Html.ValidationMessageFor(m => m.SelectedRole)
<button type="submit">OK</button>
}