Show the list of models in MVC razor

Is it possible to list a list from a model in a razor?

My model:

public class PreapprovalViewModel
{
    public int ProjectId { get; set; }
    public int Decision { get; set; }
    public List<BranchHead> BranchHeads { get; set; }
    public List<SelectListItem> Decisions { get; set; }
}

In the index for Preapproval, I want a table that shows some fields in the BranchHead list.

Razor:

@model Mars.Intranet.ViewModels.PreapprovalViewModel
@{
    ViewBag.Title = "Index";
}
@Html.Partial("_ProjectPartial")
<h2>Preapproval</h2>
@using (Html.BeginForm()) {
    <div>
        Approve research request:
        @Html.DropDownListFor(o => o.Decision, Model.Decisions)
    </div>
    <div id="assign-branch-head" style="display: none;">
        Assign branch heads
        <table>
            <tr>
                <th>@Html.DisplayFor(o => o.BranchHeads.BranchName</th> <!-- Can I access the list in the model like this?-->
                <th>@Html.DisplayFor(o => p.BranchHeads.FirstName</th> <!-- Can I access the list in the model like this?-->
                <th>@Html.DisplayFor(o => p.BranchHeads.Comment</th> <!-- Can I access the list in the model like this?-->
            </tr> 
            <tr>
                <td><!-- I want the info from the list in model here--></td>
                <td><!-- I want the info from the list in model here--></td>
                <td><!-- I want the info from the list in model here--></td>
            </tr>
        </table>
    </div>
    <div class="approval-comment">
        Comment:
        @Html.TextAreaFor(o => o.Comment)
    </div>
    <button type="submit" class="btn_submit"></button>
}
+3
source share
1 answer

Yes, it is quite possible. But as it is List<T>, you need to iterate over it to display the data.

Just wrap your data in a foreach loop

@foreach (var item in Model.BranchHeads)
{
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.BranchName)<br/>                    
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.FirstName)<br/>                    
        </td>
        <td>                 
            @Html.DisplayFor(modelItem => item.Comment)<br/>
        </td>

    </tr>
}

In addition, you can use Html.DisplayNameFor()to display table headers.

+7
source

All Articles