ASP.NET MVC - Html.DropDownList - 未通过 ViewData.Model 设置值

ASP.NET MVC - Html.DropDownList - 未通过 ViewData.Model 设置值

ASP.NET MVC 是一种用于构建 Web 应用程序的开发框架，它使用了模型-视图-控制器（Model-View-Controller，MVC）的设计模式。在开发过程中，我们经常需要在视图中使用下拉列表（DropDownList）来显示和选择数据。在 ASP.NET MVC 中，我们可以使用 Html.DropDownList 方法来生成下拉列表，但有时我们可能会遇到一个问题，即无法通过 ViewData.Model 设置下拉列表的选中值。

在这篇文章中，我们将探讨这个问题，并提供一个案例代码来演示如何解决这个问题。

案例代码：

下面是一个简单的案例代码，演示了如何使用 Html.DropDownList 方法生成下拉列表，并通过 ViewData.Model 设置选中值。

控制器代码：

csharp
public class HomeController : Controller
{
    public IActionResult Index()
    {
        var model = new MyViewModel
        {
            SelectedValue = "2",
            SelectListItems = new List<SelectListItem>
            {
                new SelectListItem { Value = "1", Text = "Option 1" },
                new SelectListItem { Value = "2", Text = "Option 2" },
                new SelectListItem { Value = "3", Text = "Option 3" }
            }
        };
        return View(model);
    }
}

视图代码：

html
@model MyViewModel
@{
    ViewData["Title"] = "下拉列表示例";
}
<h2>@ViewData["Title"]</h2>
@Html.DropDownList("SelectedValue", Model.SelectListItems)

在这个案例中，我们创建了一个名为 MyViewModel 的视图模型，其中包含一个 SelectedValue 属性和一个 SelectListItems 属性。SelectedValue 属性用于存储选中的值，而 SelectListItems 属性用于存储下拉列表的选项。

在控制器的 Index 方法中，我们实例化了 MyViewModel，并设置 SelectedValue 为 "2"，同时创建了一个包含三个选项的 SelectListItems 列表。

在视图中，我们使用 @Html.DropDownList 方法生成一个下拉列表，并通过传递 "SelectedValue" 和 Model.SelectListItems 作为参数来设置下拉列表的选项和选中值。

解决问题：

然而，尽管我们在视图中通过 ViewData.Model 设置了选中值，但实际上选中值并没有生效。这是因为 Html.DropDownList 方法并不会通过 ViewData.Model 设置选中值，而是通过传递给它的第一个参数来设置选中值。

要解决这个问题，我们需要将控制器中传递给 Html.DropDownList 方法的第一个参数与视图中的相应字段名称保持一致。也就是说，在视图中使用 @Html.DropDownList("SelectedValue", Model.SelectListItems) 时，控制器中的代码应该是 ViewData["SelectedValue"] 而不是 ViewData.Model。

修改后的控制器代码如下：

csharp
public class HomeController : Controller
{
    public IActionResult Index()
    {
        var model = new MyViewModel
        {
            SelectedValue = "2",
            SelectListItems = new List<SelectListItem>
            {
                new SelectListItem { Value = "1", Text = "Option 1" },
                new SelectListItem { Value = "2", Text = "Option 2" },
                new SelectListItem { Value = "3", Text = "Option 3" }
            }
        };
        ViewData["SelectedValue"] = model.SelectedValue;
        return View(model);
    }
}

通过将 ViewData["SelectedValue"] 设置为 model.SelectedValue，我们可以确保选中值在视图中生效。

：

在本文中，我们讨论了在 ASP.NET MVC 中使用 Html.DropDownList 方法时，无法通过 ViewData.Model 设置下拉列表的选中值的问题，并提供了一个案例代码来演示如何解决这个问题。通过确保控制器中传递给 Html.DropDownList 方法的第一个参数与视图中的相应字段名称保持一致，我们可以成功设置下拉列表的选中值。

希望本文对你在 ASP.NET MVC 开发中遇到类似问题有所帮助！