asp.net-mvc-4 - ASP.Net MVC - 如何在控制器中获取具有选定值的下拉列表集合

Question

我有一个包含多个列表项的无序列表，其中每个列表项都有一个复选框和一个下拉列表。

我想获得与选中的复选框相对应的每个下拉列表的选定下拉值。

我可以很容易地获得通过控制器参数int[] checkboxes 选中的复选框。这给出了每个被选中的复选框的值。

现在，如何获取这些选中复选框旁边的下拉列表的选定值。

我是否必须使用 javascript 来捕获选定的值并将其传递给控制器​​？

Answer 1

您需要使用比int[]控制器更复杂的模型：

public class CheckedListModel
{
    public bool IsChecked { get; set; }

    public int SelectedValue { get; set; }

    public SelectList Items { get; set; }
}

呈现此类模型列表的示例视图：

@model CheckedListModel[]

@using (Html.BeginForm())
{
    <ul>
        @for (int i = 0; i < Model.Length; i++)
        {
            <li>
                @Html.CheckBoxFor(m => m[i].IsChecked)
                @Html.DropDownListFor(m => m[i].SelectedValue, Model[i].Items)
            </li>
        }
    </ul>
    <input type="submit" value="Save"/>
}

和控制器：

    [HttpGet]
    public ActionResult Index()
    {
        return View(new CheckedListModel[]
            {
                //Sample data
                new CheckedListModel{Items = new SelectList(new []
                    {
                        new SelectListItem{Text = "Text 1", Value="1"},
                        new SelectListItem{Text = "Text 2", Value="2"},
                        new SelectListItem{Text = "Text 3", Value="3"},
                    }, "Value", "Text")},
                new CheckedListModel{Items = new SelectList(new []
                    {
                        new SelectListItem{Text = "Text 5", Value="5"},
                        new SelectListItem{Text = "Text 6", Value="6"},
                    }, "Value", "Text")},
            });
    }

    [HttpPost]
    public ActionResult Index(CheckedListModel[] models)
    {
        IEnumerable<CheckedListModel> checkedItems = models.Where(m => m.IsChecked);
        //Rest of the code
    }