我的模型中有一个属性,如下所示:
public IList<SelectListItem> AllCards { get; set; }
属性由控制器用来自数据库的数据填充SelectListItem.
此外,在我的视图中是@ Html.DropDownListFor(m => m.AllCards,Model.AllCards,“ – Select–”).
在POST视图期间出现问题.也就是说,onSubmit我的Model.AllCards是空的,尽管在下拉列表中选择了一个值.
我尝试将新属性添加到模型中,如下所示:
public SelectListItem SelectedCard
然后像这样改变视图:
@Html.DropDownListFor(m=>m.AllCards,Model.SelectedCard,"--Select--")
但它给了我一个错误,说转换不可能,就像那样.
我应该怎么做才能捕获我的dropdownlist值,以便在调用视图的POST版本后它可以在模型内部?
谢谢
附:我知道有十个类似的问题,但没有一个有用.
解决方法
我就是这样做的.
您的视图模型可能如下所示,并且会有一个卡片列表:
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; } }
您的视图将接受此视图模型:
@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)
第一次加载视图时的操作方法:
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问题,我woudld建议你开始一个新的问题,但我会概述你可以注意什么.通过使用jQuery添加on change事件来分离您的JavaScript和HTML(使用您想要的任何内容).例如:
<script> $(document).ready(function () { $("#Cards").change(function () { alert('cards value has changed'); }); }); </script>
我希望这有帮助.