Model binding a collection property with a partial view

Question

Suppose I have a model like this: ``` public class Foo { public List Bars { get; set; } public string Comment { get; set; } } public class Bar { public int Baz { get; set; } } ``` And I want a view of `Foo` that lets users edit `Bar` items. But with a catch: I want the `Bar` editing to be handled by a partial view. ``` @model Web.ViewModels.Foo @using(Html.BeginForm()) { @Html.Partial("_EditBars", Model.Bars) @Html.TextAreaFor(m => m.Comment) ... } ``` The `_EditBars` partial view looks something like: ``` @model List @for (int i = 0; i < Model.Count; i++) { @Html.EditorFor(m => Model[i].Baz) } ``` I want this to model bind to my action, which looks something like: ``` [HttpPost] public ActionResult Edit(Foo foo) { // Do stuff } ``` Unfortunately, this is the data that I'm posting, which doesn't model bind the `Bars` property: ``` [1].Baz=10&[0].Baz=5&Comment=bla ``` It makes sense that this doesn't work, because it's missing the `Bars` prefix. If I understand…

Accepted Answer

As you do not want to use an `EditorTemplate` for `Bar`, a solution of your scenario could be:

Change the @model type of the '_EditBars' partial view to `Foo` and view should be like:

```
@model Foo

@if (Model.Bars != null)
{
    for (int i = 0; i < Model.Bars.Count; i++)
     {
         @Html.EditorFor(m => Model.Bars[i].Baz)
     }
}
```

(It would be better to change the partial view's name to `'_EditFooBars'`)

Hope this helps.

Model binding a collection property with a partial view

Solution

Problem

Related problems