How to use multiple form elements in ASP.NET MVC

by

Definitely a job for an editor template. So in your view you put this single line:

@Html.EditorFor(x => x.Guests)

and inside the corresponding editor template (~/Views/Shared/EditorTemplates/Guest.cshtml)

@model AppName.Models.Guest
<div>
    First Name:<br />
    @Html.TextBoxFor(x => x.FirstName)
</div>

And that’s about all.

Now the following actions will work out of the box:

public ActionResult Index(int id)
{
    SomeViewModel model = ...
    return View(model);
}

[HttpPost]
public ActionResult Index(SomeViewModel model)
{
    if (!ModelState.IsValid)
    {
        return View(model);
    }
    // TODO: do something with the model your got from the view
    return RedirectToAction("Success");
}

Note that the name of the editor template is important. If the property in your view model is:

public IEnumerable<Guest> Guests { get; set; }

the editor template should be called Guest.cshtml. It will automatically be invoked for each element of the Guests collection and it will take care of properly generating ids and names of your inputs so that when you POST back everything works automatically.

Conclusion: everytime you write a loop (for or foreach) inside an ASP.NET MVC view you should know that you are doing it wrong and that there is a better way.

More Related Contents:

  1. c# asp.net delete last comma [closed]
  2. Passing data between different controller action methods
  3. MVC Razor view nested foreach’s model
  4. Why Interface Layer/Abstract classes required in our project? [closed]
  5. MVC which submit button has been pressed
  6. How to render a Razor View to a string in ASP.NET MVC 3?
  7. Passing object in RedirectToAction
  8. Razor: Declarative HTML helpers
  9. Visual Studio 2015 not syntax highlighting razor nor Intellisense
  10. Adding your own HtmlHelper in ASP.NET MVC 3
  11. ASP.NET MVC DropDownListFor with model of type List
  12. asp.net-mvc: razor ‘@’ symbol in js file
  13. How do I define a method in Razor?
  14. C# mvc 3 using selectlist with selected value in view
  15. ASP.NET MVC Razor render without encoding
  16. How to get current page URL in MVC 3
  17. Possible to access MVC ViewBag object from Javascript file?
  18. How to declare a local variable in Razor?
  19. MVC 3: How to render a view without its layout page when loaded via ajax?
  20. How to retain spaces in DropDownList – ASP.net MVC Razor views
  21. Redirect to another page when user is not authorized in asp.net mvc3
  22. razor view with anonymous type model class. It is possible?
  23. How to edit multiple models in a single Razor View
  24. Uploading image in ASP.NET MVC
  25. How do I get the contents of a JSON file I added in the StartUp method to use it in one of my actions?
  26. Rendering Partial Views using ajax
  27. How to use custom Authorize attribute for roles as well as a specific user?
  28. How to Kill A Session or Session ID (ASP.NET/C#)
  29. ASP.NET Identity – Multiple object sets per type are not supported
  30. The name ‘ViewBag’ does not exist in the current context – Visual Studio 2015

Leave a Comment