Loop through Model property with Razor in MVC View

Question

I have this Model with a lot of properties

public class Task {
    public string Key { get; set; }
    public string Title { get; set; }
    public string Description { get; set; }
    ....
}

I need to create a table in the View to list all the properties of the Task.

The same question was already asked but I don't want to use ViewData: Looping through view Model properties in a View

Any idea?

return a list of Task objects from your action method to view and simply loop through it. What is stopping you ? — Shyju, May 05 '16 at 19:19
Do you want to list the properties or the values or the properties? — Chakrava, May 05 '16 at 19:21
I am returning a list of Task but how can I loop through each property? — Sergio, May 05 '16 at 19:22
you want to loop through all the properties of each task item or items in the list of tasks? — Shyju, May 05 '16 at 19:23
@Shyju double loop: foreach Task I want to loop through the properties and display the value — Sergio, May 05 '16 at 19:26
Take a look at this [post](http://stackoverflow.com/questions/9916870/looping-through-view-model-properties-in-a-view). I think is what you need. — yoliva, May 05 '16 at 19:45

score 3 · Accepted Answer · answered May 06 '16 at 00:50

3

Does this work for you?

@foreach(var task in Model) {
    <tr>
    @foreach(var property in typeof(Task).GetProperties()) {
        <th>@(property.GetValue(task, null))</th>
    }
    </tr>
}

answered May 06 '16 at 00:50

Steve Cooper

20,542
15
71
88

Shyju · Answer 2 · 2016-05-05T20:07:25.387

1

You probably need to use reflection to get the properties.

Something like this

@model List<Task>
@if(Model.Any())
{
   var propArr = Model.Events[0].GetType().GetProperties();
   foreach (var ev in Model)
   {
      var p = ev.GetType().GetProperties();
      foreach (var propertyInfo in propArr)
      {
         <h4>@propertyInfo.Name</h4>     
         var val = propertyInfo.GetValue(ev, null);
         if (val != null)
         {
             <p>@val</p>
         }
      }        
    }
}

edited May 05 '16 at 20:07

answered May 05 '16 at 19:50

Shyju

214,206
104
411
497

I am not familiar with reflection but the method doesn't work for me – Sergio May 05 '16 at 20:07

score 0 · Answer 3 · answered Feb 04 '19 at 15:55

Expanded on Steve Coopers Example:


    <table class="table table-bordered table-responsive table-hover">
                        @foreach (var item in Model.a)
                        {
                            <tr>
                               @foreach (var prop in typeof(a).GetProperties())
                               {
                                   <th>@(prop.Name)</th>
                               }
                            </tr>
                            <tr>
                                @foreach (var prop in typeof(a).GetProperties())
                                {
                                    <td>@(prop.GetValue(item, null))</td>
                                }
                            </tr>
                        }
                    </table>

score -1 · Answer 4 · answered May 05 '16 at 19:20

-1

please use this

@foreach (var task in Model)
{    
    <tr>

        <td>
          @task.Title 
        </td>

    </tr>
}

and so on for the other properties. Then in your controller u return a list of task like

`return View(your taskList);`

answered May 05 '16 at 19:20

suulisin

1,414
1
10
17

I wish I could your a for loop to go through the properties instead list one by one – Sergio May 05 '16 at 19:28

Loop through Model property with Razor in MVC View

4 Answers4