详解ASP.NET MVC之下拉框绑定四种方式

下面我将详细讲解ASP.NET MVC下拉框绑定四种方式的完整攻略。

一、前置知识

在进行下拉框绑定前，需要了解 ASP.NET MVC 的 Razor 语法和 C# 语言基础，以及了解下拉框的 HTML 语法和 ASP.NET MVC 中的 ViewData 和 ViewBag 这两种传值方式。

二、下拉框绑定四种方式

1. 通过 ViewBag 绑定下拉框

在控制器中设置下拉框所需的数据，并将数据通过 ViewBag 传递到 View 中，在 View 中使用 Razor 语法渲染下拉框。

public ActionResult Index()
{
    List<SelectListItem> items = new List<SelectListItem>();
    for (int i = 0; i < 5; i++)
    {
        items.Add(new SelectListItem() { Text = "下拉框" + i, Value = i.ToString() });
    }
    ViewBag.DropDownList = items;
    return View();
}

在 View 中使用 Razor 语法渲染下拉框：

@Html.DropDownList("DropDownList", (IEnumerable<SelectListItem>)ViewBag.DropDownList, "--请选择--")

1. 通过 ViewData 绑定下拉框

在控制器中设置下拉框所需的数据，并将数据通过 ViewData 传递到 View 中，在 View 中使用 Razor 语法渲染下拉框。

public ActionResult Index()
{
    List<SelectListItem> items = new List<SelectListItem>();
    for (int i = 0; i < 5; i++)
    {
        items.Add(new SelectListItem() { Text = "下拉框" + i, Value = i.ToString() });
    }
    ViewData["DropDownList"] = items;
    return View();
}

在 View 中使用 Razor 语法渲染下拉框：

@Html.DropDownList("DropDownList", (IEnumerable<SelectListItem>)ViewData["DropDownList"], "--请选择--")

1. 通过 Model 绑定下拉框

在 Model 中定义下拉框所需的数据，并在控制器中传递 Model 到 View 中，在 View 中使用 Razor 语法渲染下拉框。

Model 定义数据：

public class TestModel
{
    public List<SelectListItem> DropDownList { get; set; }
    public int SelectedValue { get; set; }
}

控制器传递 Model：

public ActionResult Index()
{
    List<SelectListItem> items = new List<SelectListItem>();
    for (int i = 0; i < 5; i++)
    {
        items.Add(new SelectListItem() { Text = "下拉框" + i, Value = i.ToString() });
    }
    TestModel model = new TestModel() { DropDownList = items, SelectedValue = 2 };
    return View(model);
}

在 View 中使用 Razor 语法渲染下拉框：

@Html.DropDownListFor(m => m.SelectedValue, Model.DropDownList, "--请选择--")

1. 通过 ViewBag + DropDownList HTML 手动绑定下拉框

在 View 中手动写 HTML 代码渲染下拉框，并通过 ViewBag 传递所需的数据。

@{
    var DropDownList = ViewBag.DropDownList as List<SelectListItem>;
}
<select name="DropDownList">
    @foreach(var item in DropDownList)
    {
        if (item.Value == ViewBag.SelectedValue)
        {
            <option value="@item.Value" selected>@item.Text</option>
        }
        else
        {
            <option value="@item.Value">@item.Text</option>
        }
    }
</select>

结语

通过上述四种方式，我们可以轻松实现 ASP.NET MVC 下拉框的绑定。选择何种方式绑定下拉框，可以根据实际需求和业务场景来决定。