MVC DisplayTemplate - change output for a given string value

Question

I currently have a view rendering a display page for a list of Employee entities. The values returned from the database for the Gender property are a string value of "M" or "F" for the corresponding gender. I would like to be able to show string "Male" or "Female" in the view from the corresponding property value.

I've added the following logic to the Index.cshtml which is working.

@foreach (var item in Model)
{
    <tr>
    //... various <td>'s
    @if (item.Gender == "M")
    {
        <td>Male</td>
    }
    else if (item.Gender == "F")
    {
        <td>Female</td>
    }
}

I'm trying to move this to a Display Template, but cant get it working.

I've added the following code to the Views\Shared\DisplayTemplates\Gender.cshtml:

@model System.String

@if (Model.Gender == "M")
{
    <td>Male</td>
}
else if (Model.Gender == "F")
{
    <td>Female</td>
}

What is the best way to get this working?

Hi, as per my knowledge Display and Editor templates work for primitive types. eg. if you will rename your view from Gender.cshtml to String.cshtml it will work. But it will not work with non-primitive types. I wrote an article a long time back here codeproject.com/Articles/672591/… — Anupam Singh
– Anupam Singh, Commented Jul 5, 2014 at 9:15

Ehsan Sajjad · Accepted Answer · 2014-07-04 16:20:45Z

2

You can add a partial view and call it like this in main view:

@foreach (var item in Model)
{
    // other tds here

    @Html.Partial("_Gender",item.Gender)
}

Create Partial view with name _Gender in the View >> Shared folder:

@model String

@{

Layout = null;
}

    @if (Model== "M")
    {
        <td>Male</td>
    }
    else if (Model == "F")
    {
        <td>Female</td>
    }

    // or

   <td>@(Model == "M" ? "Male" : "Female") </td>

It can also handle it in main view without creating partial view.

It can handle it in main view like this:

@foreach (var item in Model)
{
    <tr>
    //... various <td>'s
    <td>@(item.Gender == "M" ? "Male" : "Female") </td>
    </tr>
}

answered Jul 4, 2014 at 16:20

Ehsan Sajjad

62.6k16 gold badges112 silver badges171 bronze badges

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

1 Comment

James P Over a year ago

Thanks for the quick reply, but I was hoping this might be possible using a DisplayTemplate?

Justin Ricketts · Accepted Answer · 2014-07-05 11:39:49Z

1

If you want it to work with a Display Template then you need to do something like this:

@foreach (var item in Model)
{
    @Html.DisplayFor(model => item.Gender)
}

and in the View Model attach the attribute:

[UIHint("Gender")]
public string Gender { get; set; }

UIHint tells MVC which Display template to use. Otherwise by convention MVC will look for one called String.chtml

answered Jul 5, 2014 at 11:39

Justin Ricketts

2362 silver badges5 bronze badges

Collectives™ on Stack Overflow

MVC DisplayTemplate - change output for a given string value

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related