c# – Asp.net MVC 4.5使用EditorFor,Button Click在ViewModel中将对象添加到列表中

2023年3月20日 245次阅读

我目前正在开发ASP.NET MVC 4.5应用程序.我想将对象添加到List< T>使用@
Html.EditorFor动态点击按钮,并使用表单提交将数据发送到Controller.

但是,我的问题是,当我提交表单时,只有填充列表的第一个元素被发送到控制器.

我在视图中添加Elements的区域如下所示：

<div id="addTarget" data-target="@Url.Action("AddTarget", "Offer")">

    @for(var i = 0; i < Model.Targets.Count(); i++)
    {
        @Html.EditorFor(m => m.Targets[i])
    }
</div>

我的控制器看起来像这样：

...

public OfferVm NewOffer { get; set; } = new OfferVm();

[HttpGet]
public ActionResult Create()
{
    // ...here I add my first initial target to OfferVm
    NewOffer.Targets.Add(new TargetVm());

    return View(NewOffer);
}

public ActionResult AddTarget()
{
    // ...here I add a target to my NewOffer
    NewOffer.Targets.Add(new TargetVm());
    return PartialView("~/Views/Shared/EditorTemplates/TargetVm.cshtml");
}

[HttpPost]
public ActionResult Create(OfferVm offerVM)
{
   //... here only 1 target is in my offerVM
}

我的OfferVm类看起来像这样：

public class OfferVm
{
    public OfferVm()
    {
        this.Targets = new List<TargetVm>();
    }

    public List<TargetVm> Targets { get; set; }
}

您是否知道如何在我的NewOffer.Targets列表中添加新目标,并在发布表单时获取控制器中的数据？

最佳答案 只有你的集合中的第一个TargetVm被绑定在POST方法中的原因是,你的AddTarget()方法调用添加新项目的方法是生成表格控件,其名称与您之前生成的名称相同.假设TargetVm有一个名为ID的属性,那么你有多个元素

<input ... name="Targets[0].ID" ... />

并且DefaultModelBinder仅绑定请求中的第一个名称/值对,并忽略任何后续重复的名称.为了绑定到集合,您的名称属性需要具有从零开始并且是连续的索引器.

<input ... name="Targets[0].ID" ... /> // first TargetVM
<input ... name="Targets[1].ID" ... /> // second TargetVM
<input ... name="Targets[2].ID" ... /> // third TargetVM

请注意,您还可以为集合中的每个项目添加额外输入 – < input type =“hidden”name =“Targets.Index value =”xx“/>(其中xx是索引器的值)以绑定非 – 连续索引器,如Model Binding To A List中所述.

在动态添加新集合项的情况下,使用EditorFor()方法将不起作用,除非您在添加时使用javascript更新name属性中的索引器的值.

解决方案包括使用javascript MVVM框架(如knockout),使用BeginCollectionItem()帮助程序,或使用客户端模板和javascript动态添加新表单控件.后两个选项在this answer中讨论,使用BeginCollectionItem()的更完整示例显示在this answer中.

点赞