asp.net-mvc-2 - ループで数回呼び出されるドロップダウンリストの選択された値を取得するにはどうすればよいですか？

Question

私のアプリケーションでは、表示行にリンクされたドロップダウンリストを表示する必要があります。

<table>
        <% foreach (var item in Model) { %>
                <td>
                <%= Html.Encode(item.COMPETENCE_LIBELLE) %>
            </td>
            <td>
                <%= Html.DropDownListFor(item.FK_NIVEAU_ID, (SelectList)ViewData["FK_Niveau"]%>
            </td>
<% } %>
</table>

ただし、理由はわかりません。選択したddlistの値が表示されません...

単一のddlistの選択された値を表示するのに問題はありませんが、ループしているときは...どうすればよいかわかりません...

何か案が ？

Answer 1

複数のドロップダウンリストを表示する必要がある場合は、ビューモデルを調整する必要があります。それでは例を見てみましょう：

public class ItemsViewModel
{
    public string Label { get; set; }
    public string SelectedId { get; set; }
    public IEnumerable<SelectListItem> Values { get; set; }
}

public class MyViewModel
{
    public IEnumerable<ItemsViewModel> Items { get; set; }
}

次に、このビューモデルにデータを入力するコントローラーアクションを実行します。

public ActionResult Index() 
{
    var model = new MyViewModel
    {
        Items = new[]
        {
            // TODO: fetch from your repository
            new ItemsViewModel 
            { 
                Label = "label 1",
                Values = new[] 
                { 
                    new SelectListItem { Value = "1", Text = "item 1" },
                    new SelectListItem { Value = "2", Text = "item 2" }
                }
            },
            new ItemsViewModel 
            { 
                Label = "label 2",
                // Automatically preselect the second item in the ddl
                SelectedId = "B",
                Values = new[] 
                { 
                    new SelectListItem { Value = "A", Text = "foo1" },
                    new SelectListItem { Value = "B", Text = "bar" }
                }
            },
        }
    }
    return View(model);
}

次に、対応する強く型付けされたビューがあります。

<table>
    <thead> 
        <tr>
            <th>Label</th>
            <th>Values</th>
        </tr>
    </thead>
    <tbody>
        <%= Html.EditorFor(x => x.Items)
    </tbody>
</table>

および対応するエディターテンプレート（~/Views/Shared/EditorTemplates/ItemsViewModel.ascx）：

<%@ Control 
    Language="C#" 
    Inherits="System.Web.Mvc.ViewUserControl<AppName.Models.ItemsViewModel>" 
%>
<tr>
    <td>
        <%: Model.Label %>
    </td>
    <td>
        <%= Html.DropDownListFor(
            x => x.SelectedId, 
            new SelectList(Model.Items, "Values", "Text")
        ) %>
    </td>
</tr>