How to bind model with list of object in mvc 5

Question

How can we pass a complex list with class back to controller?

public class PersontViewModel
    {

        public string Name{ get; set; }


        public AddressViewModel objAddress { get; set; }

        public List<AssetsViewModel> objAssets { get; set; }
    }



//------------------------
@Model PersonVIewModel

@using (Html.BeginForm("CreatePerson", "Person", FormMethod.Post,new { enctype = "multipart/form-data" }))
        {

            <input asp-for="@Model.objAddress.Street" type="hidden" id="hdnN" />            
            <input asp-for="@Model.objAddress.City" type="hidden" id="hdnd" />


                for(int i=0;i < Model.objAssets.Count; i++)
                {

                    <input asp-for="objAssets[i].Name" type="hidden" id="hdnat" />

                        @Html.Hidden("Exam",@Model.objsset[i].AssetName ) //this posts null

                        @Model.objAsett[i].AssetID</td>
                        @Model.objAsett[i].AssetName</td>//This presents on the view fine.
                 }

Answer 1

Based on the query you posted, I understand the following.

• Your data binding part is working fine, except for the hidden field. If this is the case try the following for creating the hidden field.

@azzedinehtmlsql .HiddenFor(m => m.objsset[i].AssetName)

The @azzedinehtmlsql .Hidden() creates a hidden field with the name you specify. In the Model binding context, it is better to use Html.HiddenFor, where it create the hidden input field that will be binded to the correct property.

Hope this helps

Answer 2

Hi @lastcoder ,

public List<AssetsViewModel> objAssets { get; set; }  
<input asp-for="objAssets[i].Name" type="hidden" id="hdnat" />  
                           
                         @Html.Hidden("Exam",@Model.objsset[i].AssetName ) //this posts null  
      
                         @Model.objAsett[i].AssetID</td>  
                         @Model.objAsett[i].AssetName</td>//This presents on the view fine.  

Is this the code you copied and pasted, I found that @Model.objAssets is misspelled, suggest you check the spelling of all objAssets.

The Html.Hidden creates a hidden input but you have to specify the name and all the attributes you want to give that field and value. The Html.HiddenFor creates a hidden input for the object that you pass to it, they look like this:

@Html.Hidden("yourProperty",model.yourProperty);  
  
@Html.HiddenFor(m => m.yourProperty)  

Best regards,
Lan Huang

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.