MVC Razor display template

Question

I have a list of items that I am passing to a view. I would like to render each item using a display template. However, something is wrong, as I don't get the field properly rendered. Here is my main view (Index.cshtml):

@model IEnumerable<CustomEntity>

@{
    ViewBag.Title = "Index";
}
@Html.DisplayFor(m=>m)

Here is my display template:

@model CustomEntity
<div>
    @Html.LabelFor(m=>m.Name):
    <strong>@Model.Name</strong>
    @Html.LabelFor(m=>m.Icon):
    <strong>@Model.Icon</strong>
    @Html.LabelFor(m=>m.TypeName):
    <strong>@Model.TypeName</strong>
</div>

The page loads, but doesn't display the values of the entity.

Darin Dimitrov · Accepted Answer · 2013-10-24 14:30:31Z

6

@model IEnumerable<CustomEntity>

@{
    ViewBag.Title = "Index";
}
@Html.DisplayForModel()

and then make sure that your display template is stored in ~/Views/Shared/DisplayTemplates/CustomEntity.cshtml. Notice that the location and the name of the display template is very important. It should be called the same way as the type (CustomEntity.cshtml) and should be located either in ~/Views/Shared/DisplayTemplates or you could also override it in ~/Views/XXX/DisplayTemplates where XXX is the controller that rendered the main view.

answered Oct 24, 2013 at 14:30

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

4 Comments

Réda Mattar Over a year ago

Won't it search for a DisplayTemplate taking a IEnumerable<CustomEntity> as model, instead of CustomEntity ?

laconicdev Over a year ago

Thank you Darin! I was missing the proper name for my display template. It was called Entity instead of CustomEntity. Once I changed the name, it's working. Can you tell me the difference between @Html.DisplayForModel() and @Html.DisplayFor(m=>m) ?

Darin Dimitrov Over a year ago

@RédaMattar, no, when you pass an IEnumerable<TModel> as a property to a display or editor template it will look for a template named TModel.cshtml and it will automatically invoke it for each element of this collection so that you don't need to be writing any foreach loops in your code. It all works by convention.

Darin Dimitrov Over a year ago

@laconicdev, there's no difference between @Html.DisplayForModel() and @Html.DisplayFor(m => m). It's just that @Html.DisplayForModel() seems more natural in this case.

Réda Mattar · Accepted Answer · 2013-10-24 14:30:40Z

0

The data you pass in the Html.DisplayFor of type IEnumerable<CustomEntity>, but your DisplayTemplate requires a CustomEntity. Try this instead :

@model IEnumerable<CustomEntity>

@{
    ViewBag.Title = "Index";
}

@foreach(var customEntity in Model)
{
    @Html.DisplayFor(m => customEntity);
}

answered Oct 24, 2013 at 14:30

Réda Mattar

4,3911 gold badge20 silver badges19 bronze badges

1 Comment

Carl Over a year ago

There is no need for the foreach loop. MVC handles it by convention so long as everything else is correct.

Collectives™ on Stack Overflow

MVC Razor display template

2 Answers 2

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related