在 ASP.NET MVC 中，如何将多个选择列表绑定到 IList收藏？

Question

我有一个带有 List 属性的模型。我想呈现几个绑定到该属性的选择列表。

例如，假设我的模型名为“Favories”，我让用户选择几种最喜欢的颜色。

public class Favorites
{
    public List<string> FavoriteColors { get; set;}
}

我尝试使用索引绑定到集合，但遇到了问题，很可能是因为FavoriteColors 为空。这是不起作用的代码（空异常）：

@Html.DropDownListFor(m => m.FavoriteColors[0], ColorSelectList, "Select a color (required)")
@Html.DropDownListFor(m => m.FavoriteColors[1], ColorSelectList, "Select a color (optional)")
@Html.DropDownListFor(m => m.FavoriteColors[2], ColorSelectList, "Select a color (optional)")

我意识到我可以通过几种方式解决这个问题。

1. 使用 3 个空值填充 favoriteColors。但这感觉不对，因为我的模型将包含无效数据（空值），我必须在代码中的许多其他位置解决该问题。
2. 更改我的模型，使我拥有 3 个字符串属性（例如，FavoriteColor1、FavoriteColor2、FavoriteColor3）。绑定会更容易，但我仍然需要使用一堆代码来解决该设计。

有更好的办法吗？

Answer 1

这是一个简单的解决方案，适用于使用 Razor 和标准 DropDownListFor 帮助程序的您。

所有内容均基于示例数据和文件，您可以更改这些数据和文件以满足您的需求：

HomeController.cs

public class HomeController : Controller
    {
        public class FavoriteColorModel
        {
            public List<string> FavoriteColors { get; set; }
        }

        public ActionResult Index()
        {
            ViewBag.ColorList = new[]
                                    {
                                        "Blue",
                                        "Red",
                                        "Green",
                                        "Orange"
                                    };
            var favoriteColors = new FavoriteColorModel()
                                     {
                                         FavoriteColors = new List<string>()
                                                              {
                                                                  "Color1",
                                                                  "Color2",
                                                                  "Color3"
                                                              }
                                     };
            return View(favoriteColors);
        }

        [HttpPost]
        public ActionResult Save(FavoriteColorModel model)
        {
            TempData["SelectedColors"] = model.FavoriteColors;
            return RedirectToAction("Index");
        }
    }

Index.cshtml

@model MvcApplication4.Controllers.HomeController.FavoriteColorModel
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Index</h2>

@if (TempData["SelectedColors"] != null)
{
    <text>
    You have selected the following colors:<br />
    <ul>
    @foreach (var color in TempData["SelectedColors"] as List<string>)
    {
        <li style="color:@color">@color</li>
    }
    </ul>
    </text>
}

@using (Html.BeginForm("Save", "Home"))
{
    @: Favorite colors:
    for (var index = 0; index < Model.FavoriteColors.Count; index++)
    {
        @Html.DropDownListFor(model => model.FavoriteColors[index], new SelectList(ViewBag.ColorList))
    }
    <br />
    <input type="submit" value="Save" />
}

您选择的颜色将在提交后显示在列表元素中。您可以通过向 Color1、Color2 数组等添加项目来控制要保存的颜色数量

。

Answer 2

我就是这样做的，因为我不喜欢 MVC 处理下拉列表的方式。

   foreach (var ColorArray in m.FavoriteColors)
{ %>

 <select name='colors'>
 <% foreach (var color in ColorArray) 
{%>

  <option><%= color.ToString() %></option>

<% { %>
 </select>
}%>

您可以将其硬编码为您想要的索引，但您会得到总体思路。此外，这还允许您在任何您想要有选择地处理这些情况的地方进行空检查。