如何将自定义视图模型的列表绑定到 dropDownList 并在 ASP.NET MVC 中 POST 后获取所选值？

Question

我有以下问题。在我的视图模型中，我定义了一些列表属性，如下所示：

public class BasketAndOrderSearchCriteriaViewModel
{
    List<KeyValuePair> currencies;
    public ICollection<KeyValuePair> Currencies
    {
        get
        {
            if (this.currencies == null)
                this.currencies = new List<KeyValuePair>();
            return this.currencies;
        }
    }

    List<KeyValuePair> deliverMethods;
    public ICollection<KeyValuePair> DeliveryMethods
    {
        get
        {
            if (this.deliverMethods == null)
                this.deliverMethods = new List<KeyValuePair>();
            return this.deliverMethods;
        }
    }
 }

该视图模型嵌入到另一个视图模型中：

 public class BasketAndOrderSearchViewModel
 {
    public BasketAndOrderSearchCriteriaViewModel Criteria
    {
        [System.Diagnostics.DebuggerStepThrough]
        get { return this.criteria; }
    }
 }

我使用 2 个操作方法；一个用于 GET，另一个用于 POST：

[HttpGet]
public ActionResult Search(BasketAndOrderSearchViewModel model){...}

[HttpPost]
public ActionResult SubmitSearch(BasketAndOrderSearchViewModel model){...}

在视图中，我通过使用 EditorFor-Html Helper 实现整个视图模型，它不希望自动显示 List 属性的 DropDownList！ 1.问题：如何让 EditorFor 显示 DropDownLists？

由于我无法弄清楚如何使用 EditorFor 显示 DropDownLists，所以我使用了 DropDownList Html 帮助器并通过视图模型填充它，如下所示：

    public IEnumerable<SelectListItem> DeliveryMethodAsSelectListItem()
    {
        List<SelectListItem> list = new List<SelectListItem>();
        list.Add(new SelectListItem()
        {
            Selected = true,
            Text = "<Choose Delivery method>",
            Value = "0"
        });
        foreach (var item in this.DeliveryMethods)
        {
            list.Add(new SelectListItem()
            {
                Selected = false,
                Text = item.Value,
                Value = item.Key
            });
        }

        return list;
    }

我的 2. 问题：As你可以看到我将视图模型传递给带有 POST 属性的操作方法！ 有没有办法将 DropDownList 的选定值绑定到传递的视图模型？ 目前所有 DropDownList 都是空的，选定的值只能通过我的 Request.Form 获取绝对想避免！

我将非常感谢对此的一些想法或提示！

Answer 1

对于像我这样最近读到这篇文章的人，我建议您从 http://www.asp.net/mvc/tutorials/mvc-music-store-part-1 其中涵盖了这一点以及与 .NET MVC 应用程序相关的大多数常见技术。

无论如何，你的帖子和答案真的很有用（如果我可以投票给你，我会的:)

Answer 2

让我们尝试解决这个问题：

问题 1 的答案：如何让 EditorFor 显示 DropDownList？

当您调用 Html.EditorFor() 时，您可以将额外的 ViewData 值传递给EdiorTemplate 视图：

<%: Html.EditorFor(model => Model.Criteria, new { DeliveryMethods = Model.DeliveryMethods, Currencies = Model.Currencies}) %>

现在，您已在 EditorTemplate 中初始化并使用了 ViewData["DeliveryMethods"] 和 ViewData["Currency"]。

在您的 EditorTemplate 中，您需要以某种方式调用这些条目并将其转换为 DropDowns / SelectLists。
假设您有一个 System.Web.Mvc.ViewUserControl 类型的 ascx 文件，您可以执行以下操作：

<%: Html.LabelFor(model => model.DeliveryMethods) %>
<%: Html.DropDownList("SelectedDeliveryMethod", new SelectList(ViewData["DeliveryMethods"] as IEnumerable, "SelectedDeliveryMethod", "Key", "value", Model.SelectedDeliveryMethod)) %>

货币也是如此。

<%: Html.LabelFor(model => model.Currencies) %>
<%: Html.DropDownList("SelectedCurrency", new SelectList(ViewData["Currencies"] as IEnumerable, "SelectedDeliveryMethod", "Key", "value", Model.SelectedCurrency)) %>

此设置将使您的 DeliveryMethodAsSelectListItem() 过时，并且您可以使用任何类型的列表。意味着您不受 KeyValuePairs 的约束。从现在开始，您只需要调整对 Html.DropDownList() 的调用即可。

正如您所看到的，我向您的 BasketAndOrderSearchCriteriaViewModel 引入了一些新属性：

Model.SelectedDeliveryMethod
Model.SelectedCurrency

它们用于存储当前选定的值。

问题 2 的回答：有没有办法将 DropDownList 的选定值绑定到传递的视图模型？

在 EditorFor 模板中，我们传递新创建的 Model.SelectedDeliveryMethod 和 Model.SelectedCurrency 属性作为 SelectedValue 参数（请参阅 DropDownList 扩展方法的第四次重载）。

现在我们已经让视图完成了它的工作：我们如何在 POST 操作中获取当前选定的值？

现在这真的很容易：

[HttpPost]
public ActionResult SubmitSearch(BasketAndOrderSearchViewModel model)
{
    ...
    var selectedDeliveryMethod = model.Criteria.SelectedDeliveryMethod;
    var selectedCurrency model.Criteria.SelectedDeliveryMethod;
    ...
}

注意：我现在没有 IDE 来测试它，但它应该可以解决问题，或者至少告诉您该往哪个方向走。