Question

I have a form in my aspx markup.

I add to it some fields dynamically.

I submit them to a controller’s action.

How should I read them in the server side ?

Update

1. My form contains n textboxes.

2. I have thought to use one model that will contain an
   IEnumerable<FormItem>

in the client side I’ll fill it with Ajax form.

Make sense?

Answer 1

I have thought to use one model that will contain an IEnumerable

Yeah, great idea. So once you have defined the FormItem class (depending on your needs) you are ready to roll:

public class FormItem
{
    public string Value { get; set; }
}

and then:

<form id="myform" action="/" method="post">
    <!-- Those inputs could be added dynamically -->
    <input type="text" name="[0].Value" />
    <input type="text" name="[1].Value" />
    <input type="text" name="[2].Value" />
    <input type="text" name="[3].Value" />

    <button type="submit">OK</button>
</form>

and finally AJAXify the form:

$(function() {
    $('#myform').submit(function() {
        var form = $(this);
        $.ajax({
            url: form.attr('action'),
            type: form.attr('method'),
            data: form.serialize(),
            success: function(result) {

            }
        });
    });
});

Make sure you checkout Phil Haack’s blog post about the expected wire format for binding to lists.

Steve Sanderson’s blog post post about editing a variable length list is also a must read.