ASP.NET MVC Form Models

Question

I have a form that consists of rows similar to this:

@model  Models.Group

@using (Html.BeginForm("Test", "CreateGroup", FormMethod.Post))
{
<form method="post">

<div class="row" id="user2">
    <div class="col-md-3">
        @Html.TextBoxFor(m => m.UserName_2, new { @class = "form-control" })

    </div>
    <div class="col-md-3">
        @Html.TextBoxFor(m => m.UserEmail_2, new { @class = "form-control", @type = "email" })
    </div>
</div>
<div class="col-md-12">
    &nbsp;
</div>
<div class="row" id="user3">
    <div class="col-md-3">
        @Html.TextBoxFor(m => m.UserName_3, new { @class = "form-control" })

    </div>
    <div class="col-md-3">
        @Html.TextBoxFor(m => m.UserEmail_3, new { @class = "form-control", @type = "email" })
    </div>
</div>
<div class="row">
   <div class="col-md-12">
      <button type="submit" class="btn btn-success btn-lg margin-right">
      <span class="glyphicon glyphicon-save"></span> Save
      </button>
   </div>
  </div>
</form>
}

With a model that currently looks like this:

public class Group
{
    public int Id { get; set; }

    public string UserName_2 { get; set; }

    public string UserEmail_2 { get; set; }

    public string UserName_3 { get; set; }

    public string UserEmail_3 { get; set; }
}

How do I get my View to support something like this where I can be able to add more Users without having to hard code the values into my Group model:

public class Group
{
    public int Id { get; set; }

    public List<User> Users { get; set; }
}

public class User
{
    public string Name { get; set; }

    public string Email { get; set; }
}

Edit: Or is there a better way to send the information from my form to the controller than using a Model? I was trying to use FormCollection but that doesn't seem to have any data when I submit

Start by removing the invalid nested form (i.e. <form method="post">) — user3559349
– user3559349, Commented Dec 13, 2017 at 4:32
Are you wanting to dynamically add (and remove) User items in your view? — user3559349
– user3559349, Commented Dec 13, 2017 at 4:33
Then the answer by Oleksii Aza is not suitable. For some options, refer this answer, and for a detailed implementation using BeginCollectionItem, refer this answer — user3559349
– user3559349, Commented Dec 13, 2017 at 4:38

Oleksii Aza · Accepted Answer · 2017-12-13 04:27:37Z

1

Try accessing users by index, model binding should pick it up. The code would look like:

@for(int i = 0; i < Model.Users.Length; i++)
{
<div class="row">
    <div class="col-md-3">
        @Html.TextBoxFor(m => Model.Users[i].Name, new { @class = "form-control" })

    </div>
    <div class="col-md-3">
        @Html.TextBoxFor(m => Model.Users[i].Email, new { @class = "form-control", @type = "email" })
    </div>
</div>
}

answered Dec 13, 2017 at 4:27

Oleksii Aza

5,40832 silver badges35 bronze badges

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

4 Comments

ferensilver Over a year ago

I think this looks right. Am I using a Model correctly here though? This page is a blank form where a user can enter names that I want to store into a list. This is the basic layout: i.imgur.com/TZD7WAP.png

Oleksii Aza Over a year ago

I guess you should initiate a list of users so it contains certain amount of users.

user3559349 Over a year ago

That would not allow the user to dynamically add (or remove) User items n the view (only edit existing ones)

Oleksii Aza Over a year ago

@StephenMuecke agreed, probably then it is better to use JS for handling dynamic adding/removing, which is pretty much covered by links you've pointed.

Collectives™ on Stack Overflow

ASP.NET MVC Form Models

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related