ASP.NET MVC 强类型下拉框示例教程
以下是一个ASP.NET MVC中使用强类型视图和模型来创建下拉框的示例:
首先,创建一个名为'Person'的模型类,该类包含一个'Id'属性和一个'Name'属性:
public class Person
{
public int Id { get; set; }
public string Name { get; set; }
}
然后,创建一个名为'HomeController'的控制器,并在其中创建一个返回'Person'列表的动作方法:
public class HomeController : Controller
{
public ActionResult Index()
{
List<Person> people = new List<Person>
{
new Person { Id = 1, Name = "John" },
new Person { Id = 2, Name = "Jane" },
new Person { Id = 3, Name = "Bob" }
};
ViewBag.People = people;
return View();
}
}
接下来,创建一个名为'Index.cshtml'的视图文件,并在其中使用'Html.DropDownListFor'辅助方法来创建下拉框:
@model Person
@{
ViewBag.Title = "Home Page";
}
<h2>Person Details</h2>
@using (Html.BeginForm())
{
<div class="form-group">
@Html.LabelFor(model => model.Name)
@Html.DropDownListFor(model => model.Id, new SelectList(ViewBag.People, "Id", "Name"), "Select a person", new { @class = "form-control" })
</div>
<input type="submit" value="Submit" class="btn btn-primary" />
}
在上面的视图中,我们使用'Html.DropDownListFor'方法来创建一个下拉框,该下拉框绑定到'Person'模型的'Id'属性,并使用'ViewBag.People'作为下拉框的选项列表。我们还使用'SelectList'类来指定选项列表的数据源和显示字段。最后,我们添加了一个提示文本作为下拉框的默认选项。
最后,在'HomeController'中的POST动作方法中处理表单提交:
[HttpPost]
public ActionResult Index(Person person)
{
// 处理表单提交逻辑
return RedirectToAction("Index");
}
在上面的POST动作方法中,我们将接收到的'Person'对象用于处理表单提交的数据。
这就是一个使用强类型视图和模型来创建下拉框的ASP.NET MVC案例。通过使用强类型视图和模型,我们可以更方便地处理表单数据,并减少潜在的错误。
原文地址: https://www.cveoy.top/t/topic/fxz5 著作权归作者所有。请勿转载和采集!