Using @Html.TextBoxFor with ViewModel

Question

A quick question:

So, I am developing a small MVC/C# application and I am using ViewModel to pass data to my view. The ViewModel is actually a combination of 3 Models.

My Models:

public class Sourcing_ProfileSourcingAreas
{
    public string Area { get; set; }

    public string Details { get; set; }
}


public class DefCountry
{
    public string CountryName { get; set; }

    public string CountryCode { get; set; }
}

My ViewModel:

public class SourcingIndex
{
    public List<DefCountry> CountryLst { get; set; }

    public List<Sourcing_ProfileSourcingAreas> AreaLst { get; set; }
}

On my view, I put this line at the top @model SourcingIndex to declare that I will be using this ViewModel

I also was easily able to specify which model I want to display by using foreach loop, for example:

@foreach (Sourcing_ProfileSourcingAreas area in Model.AreaLst)
    {
          <tr>
              <td>@area.Area</td>
              <td>@area.Details</td>                  
          </tr>           
    }

And

@foreach (DefCountry ctry in Model.CountryLst)
{
    <option>@ctry.CountryName</option>
}

However, I am not able to create @Html.TextBox and assign it to a specific property in a model!

If possible, I want it to be somthing like this: @Html.TextBoxFor(model => model.AreaLst.Area)

Thank you

the trick to doing this is to use a for loop not a foreach loop and then access the List using an indexer [0], [1], etc. — Liam
– Liam, Commented Sep 12, 2017 at 14:55
I'm not sure what "I am not able to create" . Is there a run-time error? It could be something to do with Lazy-Loading vs not using .Include() for EF in your controller code. — AlignedDev
– AlignedDev, Commented Sep 12, 2017 at 14:57
I see, it seem that I need the foreach loop in order to achieve my goal — Ahmad Shli
– Ahmad Shli, Commented Sep 12, 2017 at 15:28
Refer this answer for how to use a for loop or EditorTemplate to generate form controls for a collection. But since you editing data, do not use data models inside a view model - create view models for each collection object — user3559349
– user3559349, Commented Sep 12, 2017 at 22:44

Liam · Accepted Answer · 2017-09-12 14:58:19Z

1

It's a bit of a weird quirk about Razor. If you try and access the objects in a foreach loop it struggles to resolve where in the model it is. You need to use this syntax:

@for (int x = 0; x < Model.CountryLst.Count(); x++)
{
    @Html.TextBoxFor(t => t.CountryLst[x].CountryName)
}

this should produce an input something like

<input name="countryLst[1].CountryName"/>

answered Sep 12, 2017 at 14:58

Liam

30k28 gold badges143 silver badges206 bronze badges

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

Comments

GGO · Accepted Answer · 2017-09-12 15:00:26Z

1

@for(var i = 0; i < Model.CountryLst.Count(); i++)
{
    <text>@Html.TextBoxFor(p=>Model.CountryLst[i].CountryCode)</text>
}

answered Sep 12, 2017 at 15:00

GGO

2,7484 gold badges22 silver badges43 bronze badges

Collectives™ on Stack Overflow

Using @Html.TextBoxFor with ViewModel

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