MVC3 -- Adding additional items to List<> with Jquery

Question

I have a view model that looks like this:

HomeViewModel hvm = new HomeViewModel();
hvm.Applicant = new Person();
hvm.Applicant.Residences = new List<Residence>();
hvm.Applicant.Residences.Add(new Residence() { Type = "Current" });

In my .cshtml page, I have:

<label>Street # *:</label> @Html.TextBoxFor(m => m.Applicant.Residences[0].StreetNumber)

And so on and so forth for my properties in my Residence model. However, I want the user to be able to add multiple residences(previous, secondary, other, etc). I can add the necessary form fields via jquery, however, since the model doesn't know about the new list items, I get an error about null objects. The front end may be adding numerous residences via jquery.

Robert Levy · Accepted Answer · 2012-05-15 13:20:35Z

2

This is a surprisingly complex topic. Check out the blog series starting with http://ivanz.com/2011/06/16/editing-variable-length-reorderable-collections-in-asp-net-mvc-part-1/

answered May 15, 2012 at 13:20

Robert Levy

29.1k6 gold badges66 silver badges96 bronze badges

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

Comments

Nildarar · Accepted Answer · 2012-05-15 13:26:30Z

0

Try this: http://archive.plugins.jquery.com/project/jquery-dynamic-form
View demo here: http://sroucheray.org/blog/jquery-dynamic-form/

answered May 15, 2012 at 13:26

Nildarar

8121 gold badge8 silver badges17 bronze badges

Collectives™ on Stack Overflow

MVC3 -- Adding additional items to List<> with Jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related