How to post a dynamically created fields in a table using jquery / asp.net mvc

Question

I have a button that will create a new entry (row in a table) dynamically using jQuery. Each entry is a row in a html table.

For each row, each column has an input (textbox, radio button, checkbox) etc.

Because you can add as many rows as you like you end up with some array or collection of these rows.

When I post the form, I don't seem to see this data in the formscollection and don't quite understand how to translate these controls into a data object for binding.

So essentially there is 2 questions:

Is there any issue with dynamically created controls and making sure they show up in the form post?
What is a way to pass along a table structure of data to my controller. I almost want to have each row represent some Record Object and then pass over a collection of records to the controller if something like that is possible.

Any suggestions?

Chris Shaffer · Accepted Answer · 2009-12-18 14:25:50Z

1

To get a collection, make sure the name of the textboxes is something like "MyRecord.MyList[0].Field1". MVC will automatically pull that up to an enumerable. For your javascript adds, just make sure each added row has a properly incremented index (eg, new fields named "MyRecord.MyList[1].Field1").

answered Dec 18, 2009 at 14:25

Chris Shaffer

32.6k5 gold badges52 silver badges61 bronze badges

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

2 Comments

leora Over a year ago

does it matter with the id or name of the table itself is or does asp.net mvc ignore that . .?

leora Over a year ago

looks like i wasn't including MYRecord to qualify the object.. now it works

Daniel Elliott · Accepted Answer · 2009-12-18 14:24:37Z

0

You do need to make sure your dynamically created elements are between the form tags.

The default model binding will bind to an array of objects if you make sure to name your fields in such a way that they become 'Thing[3].Name' (this is the Name field in the fourth row, zero bound array)

Your signatture for your Action method then becomes some like:

[AcceptVerbs(HttpVerbs.Post)]
public ActionResult MethodName(thing[] things)
{
    ...  
}

Kindness,

Dan

answered Dec 18, 2009 at 14:24

Daniel Elliott

22.9k10 gold badges67 silver badges82 bronze badges

Comments

Brian Mains · Accepted Answer · 2009-12-18 14:33:03Z

0

Make sure each row's ID is unique, but it should post back if within the form that's posting to the server... How are you doing the post? Are you doing the post with JQuery?

answered Dec 18, 2009 at 14:33

Brian Mains

50.8k35 gold badges155 silver badges260 bronze badges

Collectives™ on Stack Overflow

How to post a dynamically created fields in a table using jquery / asp.net mvc

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related