Disable HTML rendering with MVC

Question

Hi I am new to MVC and I am trying to make a table that shows alternate colour rows. Something like this:

@foreach (var item in Model) {

var result = "";
var styleWhite = @"style=""background-color:white""";
var styleBlue = @"style=""background-color:blue""";

if ( (item.ID % 1) == 0 )
{ result = styleBlue; }
else
{ result = styleWhite; }

<tr @result  >
    <td>
        @Html.DisplayFor(modelItem => item.CALLTYPE)
    </td>
    <td>
        @Html.DisplayFor(modelItem => item.DESCRIPTION)
    </td>
    <td>
        @Html.ActionLink("Edit", "Edit", new { id=item.ID }) |
        @Html.ActionLink("Details", "Details", new { id=item.ID }) |
        @Html.ActionLink("Delete", "Delete", new { id=item.ID })
    </td>
</tr>
}

However the double quote keeps rendering as "&quote" like this:

<tr style=&quot;background-color:blue&quot;  >

Is there a way to suppress the rendering and get the double quote (or single quote) inside the tag? Thanks for any assistance.

Radim Köhler · Accepted Answer · 2012-12-08 06:27:55Z

3

Razor engine by default always HtmlEncodes any string. If you need to override this use

@Html.Raw(result)

edited Dec 8, 2012 at 6:27

answered Dec 8, 2012 at 6:20

Radim Köhler

124k48 gold badges243 silver badges343 bronze badges

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

Comments

CyMark · Accepted Answer · 2012-12-08 06:23:07Z

0

Found the answer:

<tr @Html.Raw(result)  >

Also should be mod 2 and not 1.

answered Dec 8, 2012 at 6:23

CyMark

856 bronze badges

Comments

Brettski · Accepted Answer · 2012-12-08 06:23:29Z

0

Use a single quote instead:

@foreach (var item in Model) {

var result = string.Empty;
var styleWhite = @"style='background-color:white'";
var styleBlue = @"style='background-color:blue'";

if ( (item.ID % 1) == 0 )
{ result = styleBlue; }
else
{ result = styleWhite; }

<tr @result  >
    <td>
        @Html.DisplayFor(modelItem => item.CALLTYPE)
    </td>
    <td>
        @Html.DisplayFor(modelItem => item.DESCRIPTION)
    </td>
    <td>
        @Html.ActionLink("Edit", "Edit", new { id=item.ID }) |
        @Html.ActionLink("Details", "Details", new { id=item.ID }) |
        @Html.ActionLink("Delete", "Delete", new { id=item.ID })
    </td>
</tr>
}

answered Dec 8, 2012 at 6:23

Brettski

20.3k17 gold badges78 silver badges101 bronze badges

1 Comment

CyMark Over a year ago

Thanks for the reply, but it renders to "&39". Seems that @Html.Raw as per below seems to work.

Collectives™ on Stack Overflow

Disable HTML rendering with MVC

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related