Showing Yes/No instead of checkbox in the View of ASP.Net MVC

Question

I am very new to ASP.Net / MVC . I have created a View that I am populating from a model. I am creating a rows for each item in the model to show their properties/attributes of model item.

One of the member is a bool , name is Staged. In the View I want to display it as Yes if true or No if false. The user will only be able to read it, so simple text Yes/No shall be sufficient.

I am using the following code in the cshtml

    <td>
        @Html.DisplayFor(modelItem => item.Staged)         
   </td>

This however shows a checkbox in the place, how can I show it as Yes/No ?

Thanks,

hutchonoid · Accepted Answer · 2013-11-28 16:28:58Z

15

You could use a custom html helper extension method like this:

@Html.YesNo(item.Staged)

Here is the code for this:

public static MvcHtmlString YesNo(this HtmlHelper htmlHelper, bool yesNo)
{
    var text = yesNo ? "Yes" : "No";
    return new MvcHtmlString(text);
}

This way you could re-use it throughout the site with a single line of Razor code.

answered Nov 28, 2013 at 16:28

hutchonoid

33.4k15 gold badges102 silver badges106 bronze badges

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

10 Comments

Ahmed Over a year ago

Will this method be written in the view file ?

hutchonoid Over a year ago

No, create a new static class within your project. I usually put them in an Extensions folder.

hutchonoid Over a year ago

namespace System.Web.Mvc { public static class HtmlHelperExtensions { public static MvcHtmlString YesNo(this HtmlHelper htmlHelper, bool yesNo) { var text = yesNo ? "Yes" : "No"; return new MvcHtmlString(text); } } }

hutchonoid Over a year ago

You need to change the namespace to this System.Web.Mvc instead of MvcApplication5.Extensions . Please accept when it works for you. :)

whisk Over a year ago

To call the helper class in your view you need to call it, for example at the top of your view you will add @using 'YourNamespace.ClassName

|

Murali Murugesan · Accepted Answer · 2013-11-28 16:28:27Z

7

use Html.Raw and render the string conditionally based on model value true/false

 <td>
      @Html.Raw((Model.Staged)?"Yes":"No")     
 </td>

answered Nov 28, 2013 at 16:28

Murali Murugesan

22.6k18 gold badges76 silver badges124 bronze badges

Comments

Imran · Accepted Answer · 2013-11-28 17:06:19Z

4

Change

    @Html.DisplayFor(modelItem => item.Staged)

to

    @(item.Staged?"Yes":"No")

This is the simplest way to achieve what your requirements.

answered Nov 28, 2013 at 17:06

Imran

5047 silver badges15 bronze badges

2 Comments

JustJohn Over a year ago

In newer version of MVC 5 I used @(Model.myField?"Yes":"No"). The only change being "item" to "Model". And my field name.

Imran Over a year ago

If you are using @ model SomeNamespace.SomeModel then item will become Model, but in case @ model IEnumerable<somenamespace.somemodel> item will become the name of variable in the foreach loop. it is applicable on mvc 3+

Scottie · Accepted Answer · 2013-11-28 16:28:34Z

3

In the model, you would need to make a new property that does something like this...

public string ItemStagedYesNo = (item.Staged) ? "Yes" : "No";

then in the view, do

@Html.DisplayFor(modelItem => ItemStagedYesNo);

answered Nov 28, 2013 at 16:28

Scottie

11.4k21 gold badges75 silver badges116 bronze badges

Collectives™ on Stack Overflow

Showing Yes/No instead of checkbox in the View of ASP.Net MVC

4 Answers 4

10 Comments

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

10 Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related