Wenden Sie CSS-Stil auf Bedingung an

Question

Ich habe einen CSS-Stil, um den Hintergrund grau zu machen.

.team_not_selected { 
    background-color: #B0B0B0; 
} 

Ich zeige Daten von Objekten in einem Tabellenformat an.

<table> 
    @For each item in model 
    <tr> 
     <th>item.Name</th> 
     <th>item.ModelNumber</th> 
     etc.... 
     Next 
    </tr> 
</table> 

Jedes Objekt hat eine Variable "IsSelected" genannt, was ein Boolean ist. Ich setze diese Variable woanders hin. Ich möchte das team_not_selected Div auf das Tag anwenden, wenn item.IsSelected = False. Auf diese Weise, wenn der Datensatz ausgegraut ist, wenn er nicht ausgewählt ist.

Answer 1

In Ihrem Code sieht es so aus, als ob Sie alle Zeilen als TableHeader (th) hinzufügen möchten, bitte überprüfen.

Für bedingte CSS, versuchen Sie eine der folgenden Optionen:

1. IIf Zustand:

   <div class="@IIf(item.IsSelected, "team_selected", "team_not_selected")"> 
   

2. Wenn Bedingung:

   @If (item.IsSelected) Then 
   <div class="team_selected"> 
   Else 
   <div class="team_not_selected"> 
   End if