The same model, multiple time in one view ASP.NET MVC

Question

I would like make a pretty simple in my mind but really complicated when I tried to create. In a MVC ASP.NET environnement, I want to create one model but render it many times. It's work but when I want get back datas I have nothing. The model look like this:

public class HardwareModel
{
    public int Id { get; set; }
    public string Name { get; set; }
    public string Description { get; set; }
    ...
}

The wrapper look like:

public class WrapperModel
{
    public List<HardwareModel> HardwareList { get; set; }

    public WrapperModel()
    {
        HardwareList = new List<HardwareModel>();
    }
}

The controller:

readonly Hardware _hardware = new Hardware();
    [Authorize]
    public ActionResult Index()
    {
        return View(_hardware.GetHardwareList(int.Parse(Session["idEmployee"].ToString())));
    }

    [HttpPost]
    [Authorize]
    public ActionResult Index(WrapperModel model)
    {
        return View(model);
    }

And the view:

<% using (Html.BeginForm())
   {%>
<% foreach (var hardware in Model.HardwareList)
   {%>    
    <tr>
        <td>
            <div class="editor-label">
                <%: Html.LabelFor(m => hardware.SelectedHardwareType) %>
            </div>
            <div class="editor-field">
                <%: Html.DropDownListFor(m => hardware.SelectedHardwareType, hardware.Hardwaretypes) %>
            </div>
...

So the result is something like this: View Result

The render is exactly what I want but the problem is that when I push a save button, the second part of the controller is used but the value of "WrapperModel model" is a empty List. In the Request value, I can see that everything is send to the controller but nothing match in the WrapperModel.

I don't know what to do because the number of "HardwareModel" can be 0 or 99 so I can't create HardwareModel1, HardwareModel2 ... like I read on web.

thanks for helping me and sorry for the long post.

Shyju · Accepted Answer · 2012-09-12 14:10:23Z

2

Use an EditorTemplate and you will be good.

Create a Folder called EditorTemplates annd Create aa view (the editortemplate) with the name HardwareModel.cshtml

enter image description here

Now add the below code to the editor template (the new view). You may update the layout according to your requirement.

@model HardwareModel           
<p>
 Name @Html.TextBoxFor(x => x.Name) <br />
 Desc : @Html.TextBoxFor(x => x.Description)
 @Html.HiddenFor(x => x.Id)
</p>

Now in your Main View, Use the Html.EditorFor HTML helper method to call this editor template.

@model WrapperModel
@using (Html.BeginForm())
{       
  @Html.EditorFor(x=>x.HardwareList)
  <input type="submit" value="Save" />    
}

Assuming you have the GET Action sending a list of HardwareModels to the View like this

public ActionResult Hardware()
{
    WrapperModel model = new WrapperModel();
    //HardCoded for demo.Can be replaced with entries based on your DB data
    model.HardwareList.Add(new HardwareModel { Id=1, Name = "Printer", 
                                                     Description = "desc" });
    model.HardwareList.Add(new HardwareModel { Id=2, Name = "Scanner",
                                                     Description = " desc2" });
    return View(model);
}

Now your HttpPost action method will get the Child Properties on form submit

[HttpPost]
public ActionResult Hardware(WrapperModel model)
{
    //check for  model.HardwareList Property here;
    return View(model);
}

enter image description here

Here you can download a working sample which i wrote to address your question.

edited Sep 12, 2012 at 14:10

answered Sep 12, 2012 at 13:55

Shyju

220k106 gold badges421 silver badges499 bronze badges

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

2 Comments

Arnaud Bessems Over a year ago

Thanks for the response, I tried to do this right now and see what append.

Arnaud Bessems Over a year ago

This work great, thanks a lot. I have transformed your Razor synthax for my MVC2 architecture and everything work just fine.

Daniel Dyson · Accepted Answer · 2012-09-12 13:48:21Z

1

Here is the best article that I have read on this issue. I hope it helps: DotNetSlackers - Understanding ASP.NET MVC Model Binding

Specifically, you might be interested in the section Binding with a list of class types

answered Sep 12, 2012 at 13:48

Daniel Dyson

13.2k6 gold badges45 silver badges73 bronze badges

Collectives™ on Stack Overflow

The same model, multiple time in one view ASP.NET MVC

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related