加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程开发 > asp.Net > 正文

如何在ASP.NET MVC模型中为POST保存选定的DropDownList值?

发布时间:2020-12-16 00:14:00 所属栏目:asp.Net 来源:网络整理
导读:我的模型中有一个属性,如下所示: public IListSelectListItem AllCards { get; set; } 属性由控制器用来自数据库的数据填充SelectListItem. 此外,在我的视图中是@ Html.DropDownListFor(m = m.AllCards,Model.AllCards,“ – Select–”). 在POST视图期间出
我的模型中有一个属性,如下所示:
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>

我希望这有帮助.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读