Dynamically Add Rows when using Editor Templates and EditorFor in MVC 3

Question

Expanding on a previous question, I'm using EditorFor to edit a list of objects of type (let's say) Hobby.

Now, I need to implement functionality to add editors for individual Hobby objects, so that the user can add additional hobbies.

I read Steven Anderson's blog about how to do that in MVC 2. However, he's rendering the individual Hobby instances using a loop and RenderPartial, rather than using EditorFor. I understand his approach of making Ajax calls to render another partial view and inserting the view result into the DOM, but don't know how to apply the Ajax add in my case, with EditorFor.

His code:

<% foreach (var item in Model)
    Html.RenderPartial("GiftEditorRow", item);
%>

My code is using EditorFor like this:

// Model is a List<Hobby>
@Html.EditorFor(model => model.AllowedSurveys)

How do I add an additional Hobby editor, given that the editor is implemented as an Editor Template rather than as a Partial View?

Darin Dimitrov · Accepted Answer · 2012-06-14 05:37:52Z

3

You could replace your editor template with a partial:

@foreach (var item in Model.AllowedSurveys)
{
    Html.RenderPartial("_Hobby", item);
}

and inside the partial (~/Views/controllerName/_Hobby.cshtml):

@model Hobby
<div class="editorRow">
    @using(Html.BeginCollectionItem("AllowedSurveys")) 
    {
        @Html.EditorFor(x => x.Name)
        ...
    }
</div>

The Html.BeginCollectionItem custom helper is used to generate names with Guids and allow for reordering and adding new items to the collection using javascript. You can download it from the updated article. The one you were reading was for ASP.NET MVC 1 and is obsolete.

answered Jun 14, 2012 at 5:37

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dynamically Add Rows when using Editor Templates and EditorFor in MVC 3

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related