Changing html button Class from Data in Model (ASP.NET MVC)

Question

I have this HTML button

<li><button class="btn-link glyphicon glyphicon-heart-empty" style="text-decoration:none;"></button></li>

Where "Item" is an Item in Model

@foreach (var Item in Model)

I am looking for one field in item "Item" that is Item.ID

I want to change the button class from

class="btn-link glyphicon glyphicon-heart-empty"

To this

class="btn glyphicon glyphicon-heart"

If the value is of ID is equal to 1

But I don't want to create an additional button using IF/ELSE statement such as

@if (Item.ID == 0)
  {
 <li><button class="btn-link glyphicon glyphicon-heart-empty" onclick="Run(@Item.ID)"></button></li>                    
  }
  else
  {
 <li><button class="btn glyphicon glyphicon-heart" onclick="Run(@Item.ID)"></button></li>
 }

Is there a better way to achieve this so I only change the CLASS

Cheers

You wrote same thing twice, "from class="btn-link glyphicon glyphicon-heart-empty" to class="btn-link glyphicon glyphicon-heart-empty"" — SᴇM
– SᴇM, Commented Oct 13, 2017 at 6:40

Amit Kumar · Accepted Answer · 2017-10-13 06:40:19Z

3

You can use ternary operator here.

class="btn-link glyphicon @(Item.ID == 0 ? "glyphicon-heart-empty" : "glyphicon-heart")"

answered Oct 13, 2017 at 6:40

Amit Kumar

5,96212 gold badges49 silver badges88 bronze badges

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

1 Comment

Ali Over a year ago

Cheers for the solution

SᴇM · Accepted Answer · 2017-10-13 06:54:27Z

0

You cant also try this:

@{string glyphicon = string.empty}
@foreach (var item in Model)
{
    { glyphicon = item.Id == 0 ? "btn-link glyphicon glyphicon-heart-empty"
                               : "btn-link glyphicon glyphicon-heart";
    }

    <li>
        <button class="btn-link glyphicon @glyphicon" onclick="Run(@item.ID)"></button>
    </li> 
}

edited Oct 13, 2017 at 6:54

answered Oct 13, 2017 at 6:49

SᴇM

7,2433 gold badges28 silver badges43 bronze badges

Collectives™ on Stack Overflow

Changing html button Class from Data in Model (ASP.NET MVC)

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