ASP.NET MVC Model list binding

Question

Here is my model:

public class Items
    {
        public string Foo { get; set; }
        public string Bar { get; set; }
    }

Controller:

public ActionResult Index()
    {
        var model = new List<Items>
                        {
                            new Items
                                {
                                    Foo = "foo",
                                    Bar = "bar"
                                },
                            new Items
                                {
                                    Foo = "ai",
                                    Bar = "ia"
                                },
                            new Items
                                {
                                    Foo = "one",
                                    Bar = "two"
                                }
                        };
        return View(model);
    }

    [HttpPost]
    public ActionResult Index(List<Items> model)
    {
        return View(model);
    }

View (Index):

@using (Html.BeginForm())
{
    for (int i = 0; i < Model.Count; i++)
    {
        <div onclick="$(this).remove();">
            @Html.TextBoxFor(model => model[i].Foo) <br/>
            @Html.TextBoxFor(model => model[i].Bar)
        </div>
    }
    <div>
        <input type="submit"/>
    </div>
}

I delete second pair:

    <div onclick="$(this).remove();">
        <input name="[0].Foo" type="text" value="foo"> <br>
        <input name="[0].Bar" type="text" value="bar">
    </div>

    <div onclick="$(this).remove();">
        <input name="[2].Foo" type="text" value="one"> <br>
        <input name="[2].Bar" type="text" value="two">
    </div>

When posting, i get only first pair ("foo" and "bar"). It's because third pair has index "2". I want to get both pairs(Not using FormCollection. I want it to bind automatically). In reality, I have many other inputs on form, so i don't want to reload and reattach indices to each input. Can you help me?

Have you checked the generated HTML and verified that the expected input fields are inside the scope of the form? — Lasse Christiansen
– Lasse Christiansen, Commented Sep 6, 2012 at 12:40
I have posted generated html and yes, it is inside form. see "I delete second pair:" section — karaxuna
– karaxuna, Commented Sep 6, 2012 at 12:43

Community · Accepted Answer · 2017-05-23 11:51:49Z

4

This may be helpful to you....

need to place Hidden field on each item...

MVC3 Non-Sequential Indices and DefaultModelBinder

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Sep 6, 2012 at 12:49

Amit Prajapati

3321 silver badge13 bronze badges

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

Comments

karaxuna · Accepted Answer · 2012-10-11 13:04:42Z

3

I found solution, thanks to Amit Prajapati:

@using (Html.BeginForm())
{
    for (int i = 0; i < Model.Count; i++)
    {
        var identifier = Guid.NewGuid();
        <div onclick="$(this).remove();">
            @Html.Hidden("Index", identifier)
            @Html.TextBox("[" + identifier + "].Foo")
            <br/>
            @Html.TextBox("[" + identifier + "].Bar")
        </div>
    }
    <div>
        <input type="submit" />
    </div>
}

edited Oct 11, 2012 at 13:04

answered Sep 6, 2012 at 13:13

karaxuna

26.9k13 gold badges86 silver badges120 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC Model list binding

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related