Dynamically Embed Html Attribute in C# ASP.NET View

Question

I'm trying to dynamically set an attribute(data-status) for a div if a condition is met.

I am currently using the @Html.Raw helper however it's not making its way in to the element.

I have also attempted to use Response.Write() however it just writes everything to the top of the page.

Is there a best way to actually embed this in to the code or maybe create/set a new attribute?

@foreach (var r in Model)
    {
        <div class="marker"
             data-date="@r.date_finished"
             data-name="@r.name"

             @if (r.complete == "CP")
                 {
                     @Html.Raw("data-status='complete'");
                 }
         >
         </div>
     }

Andrei · Accepted Answer · 2014-10-31 18:29:57Z

6

This should do it:

<div class="marker"
     data-date="@r.date_finished"
     data-name="@r.name"
     @{if (r.complete == "CP") { <text>data-status='complete'</text> }}>

Notice the usage of <text> tag. This is a special tag which Razor uses to output content as is.

edited Oct 31, 2014 at 18:29

answered Oct 31, 2014 at 18:15

Andrei

56.8k10 gold badges92 silver badges114 bronze badges

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

1 Comment

adanot Over a year ago

Perfect! This worked very well. Also, a small edit but it should be data-status='complete'. I was doing this wrong in the example I provided just FYI.

Philip Pittle · Accepted Answer · 2014-10-31 18:29:53Z

0

When I run into this scenario I use a tertiary expression:

<div @(r.complete == "CP" ? "data-status='complete'" : "") >

If your logic is more complex you could also use a static helper method.

<div @r.RenderComplete() >

public static class  RExtension{
    public static string RenderComplete( this R r){
        // logic here
    }
}

answered Oct 31, 2014 at 18:29

Philip Pittle

12.5k8 gold badges69 silver badges127 bronze badges

Collectives™ on Stack Overflow

Dynamically Embed Html Attribute in C# ASP.NET View

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