Dynamic List in Model for MVC3 Form

Question

I'm building a driver's application for employment and I'd like the list of 'accidents' to be dynamic in the sense of only one field appears, but they can add however many they need and once added they appear in a table above the input..

I'm trying to find out what the best way to do this is in a MVC3 Form that is using Razor syntax?

Model has a declaration similar to...

public class FormModel {
...other properties
public IEnumerable<AccidentDetail> AccidentDetails { get; set; }
...other properties
}

This is very much shortened, but wanted to ensure that I was declaring it properly in the model and then I need to know how it's generally handled in the Form to do something like this. I can't make any assumptions to the existence of an accident or the limit of how many they may have.

Jimmy Miller · Accepted Answer · 2012-01-29 02:02:23Z

1

I personally would approach this with some JavaScript. In particular, I'd use jQuery to add a new field to the table when a button is clicked to "Add another accident". You can use jQuery to grab the values of the fields into an array. The array of accidents would be serialized to json and stored in a hidden field on the form that would be submitted to the server. In your controller you could deserialize that string of json to your strong type. On the server side I've used Json.NET with great success. On the client side you can use Doug Crockford's json2.js. Feel free to email me if you need a little bigger push in the right direction.

answered Jan 29, 2012 at 2:02

Jimmy Miller

1,3299 silver badges13 bronze badges

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

3 Comments

user1152113 Over a year ago

MVC has a JsonResult return type for controller actions, use that over Json.NET.

Jimmy Miller Over a year ago

I'm not sure I could use that to get the valus from the client side to the server side though.

user1152113 Over a year ago

davidhayden.com/blog/dave/archive/2011/01/07/… you can.

Collectives™ on Stack Overflow

Dynamic List in Model for MVC3 Form

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related