c# - 如何在我的 ASP.NET MVC 编辑页面中绑定(bind)多个下拉菜单？

Question

我有一个 View 模型，其中包含许多属性、一个 SelectList 和一个子对象数组。

public class RoundViewModel
{
    public int RoundId { get; set; }
    public string RoundName { get; set; }
    public SelectList Teams { get; private set; }
    public List<GameViewModel> Games { get; set; }
}

public class GameViewModel
{
    public int HomeTeamId { get; set; }
    public int AwayTeamId { get; set; }
    public DateTime GameTimeGMT { get; set; }
}

每轮游戏的数量是可变的，我正在尝试绑定(bind)相同的 Teams SelectList 到我放在页面上的每个下拉列表:

<% using (Html.BeginForm()) {%>

    <fieldset>
        <legend>Fields</legend>
        <%= Html.HiddenFor(model => model.CodeId) %>
        <div class="editor-label">
            <%= Html.LabelFor(model => model.RoundNumber) %>
        </div>
        <div class="editor-field">
            <%= Html.TextBoxFor(model => model.RoundNumber) %>
            <%= Html.ValidationMessageFor(model => model.RoundNumber) %>
        </div>

        <div class="editor-label">
            <%= Html.LabelFor(model => model.RoundName) %>
        </div>
        <div class="editor-field">
            <%= Html.TextBoxFor(model => model.RoundName) %>
            <%= Html.ValidationMessageFor(model => model.RoundName) %>
        </div>

        <%     
        for (int i = 0; i < Model.Games.Count; i++)
        {
        %>
        <div class="editor-label">
            Game:
        </div>
        <div class="editor-field">
        <%= Html.DropDownList("Games[" + i + "].HomeTeamId", Model.Teams, "--No Game--", new { value = Model.Games[i].HomeTeamId })%> VS 
        <%= Html.DropDownList("Games[" + i + "].AwayTeamId", Model.Teams, "--No Game--", new { value = Model.Games[i].AwayTeamId })%>

            <%= Html.TextBox("Games[" + i + "].GameTimeGMT", Model.Games[i].GameTimeGMT, new { Class = "calendar", value = Model.Games[i].GameTimeGMT })%>
        </div>
        <% } %>

        <p>
            <input type="submit" value="Save" />
        </p>
    </fieldset>

<% } %>

类似的 View 适用于创建操作，但我似乎无法在每个下拉列表中设置现有选择。您可以看到我明确设置了每个游戏的日期时间。

new { value = Model.Games[i].HomeTeamId }行在 <select> 上设置一个属性html 元素，但显然这是行不通的。我想过设置另一个属性并使用 jQuery 设置选中项，但感觉比现有代码更 hacky。

我是 MVC 的新手，所以如果我以错误的方式进行操作，我将不胜感激。有人可以帮忙吗？

Answer 1

如果您查看 SelectList 对象的构造函数，您会发现它采用 IEnumerable 对象列表作为其源和其他参数来设置数据和文本字段以及所选项目。

您的 View 模型存储 SelectList 而不是团队列表有什么特别的原因吗？然后你就可以做

Html.DropDownList("Games[" + i + "].HomeTeamId", 
    new SelectList(Model.Teams, Model.Games[i].HomeTeamId));

public class RoundViewModel
{
    ....
    public IList<TeamObject> Teams { get; private set; }