asp.net - 如何在 ASP.NET MVC 模型中为 POST 保存选定的 DropDownList 值？

我的模型中有一个属性，如下所示:

 public IList<SelectListItem> AllCards { get; set; }

属性正在由 Controller 填充 SelectListItem ，其中包含来自数据库的数据。

另外，在我的 View 中是 @Html.DropDownListFor(m=>m.AllCards,Model.AllCards,"--Select--") 。
POST View 期间出现问题。也就是说，尽管在下拉列表中选择了一个值，但 onSubmit 我的 Model.AllCards 是空的。
我尝试向模型添加一个新属性，如下所示:

public SelectListItem SelectedCard

然后像这样改变 View :

@Html.DropDownListFor(m=>m.AllCards,Model.SelectedCard,"--Select--")

但它给了我一个错误，说不可能转换，诸如此类。

我应该怎么做才能捕获我的下拉列表值，以便在调用 View 的 POST 版本后它可以在模型内部？
谢谢

附言我知道有十个类似的问题，但没有一个有帮助。

最佳答案

这就是我要做的。

您的 View 模型可能如下所示，并且会有一张卡片列表:

public class CardViewModel
{
     public int CardId { get; set; }

     public IEnumerable<Card> Cards { get; set; }
}

我不知道你的卡有什么属性，但让我发明我自己的:

public class Card
{
     public int Id { get; set; }

     public string Name { get; set; }
}

您的 View 将接受此 View 模型:

@model YourProject.ViewModels.Cards.CardViewModel

卡片下拉列表的 HTML 标记:

@Html.DropDownListFor(
     x => x.CardId,
     new SelectList(Model.Cards, "Id", "Name", Model.CardId),
     "-- Select --",
     new { id = "Cards" }
)
@Html.ValidationMessageFor(x => x.CardId)

第一次加载 View 时的操作方法:

public ActionResult YourActionMethod()
{
     CardViewModel viewModel = new CardViewModel
     {
          Cards = cardService.FindAll()
     }

     return View(viewModel);
}

[HttpPost]
public ActionResult YourActionMethod(CardViewModel viewModel)
{
     if (!ModelState.IsValid)
     {
          return View(viewModel);
     }

     // Do what ever you need to do. The selected card's id will now be populated

     return RedirectToAction("List");
}

关于您的 JavaScript 问题，我建议您开始一个新问题，但我会概述您可以注意的事项。通过使用 jQuery 添加 on change 事件(使用任何你想要的)来分离你的 JavaScript 和 HTML。例如:

<script>

     $(document).ready(function () {
          $("#Cards").change(function () {
               alert('cards value has changed');
          });
     });

</script>

我希望这有帮助。

关于asp.net - 如何在 ASP.NET MVC 模型中为 POST 保存选定的 DropDownList 值？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17555241/