ändern Hintergrundfarbe eines Rasters basierend auf RadioButton

Question

Ich habe ein Raster mit einer grauen Farbe, mit 3 Radiobutton "Ja/Nein/Ausstehend", jetzt möchte ich die Farbe des Rasters basierend auf dem ausgewählten Wert ändern.

Wenn der Wert ja ist, wird das Gitter grün.

Wenn der Wert Nein ist, wird das Raster rot und so weiter.

, und ich will, dass alle in XAML passiert nur keinen Code hinter, hier ist mein der Code:

<Grid Background="#FFF2F2F2" Height="34" HorizontalAlignment="Left" Name="grid19" VerticalAlignment="Top" Width="151"> 
         <RadioButton Content="Yes" Height="16" HorizontalAlignment="Left" Margin="2,12,0,0" Name="radioButton1" VerticalAlignment="Top" /> 
         <RadioButton Content="No" Height="16" HorizontalAlignment="Left" Margin="46,12,0,0" Name="radioButton2" VerticalAlignment="Top" /> 
         <RadioButton Content="Pending" Height="16" HorizontalAlignment="Left" Margin="86,12,0,0" Name="radioButton3" VerticalAlignment="Top" /> 
        </Grid> 

vielen Dank ^^

Answer 1

<Grid Height="60" HorizontalAlignment="Left" Name="grid19" VerticalAlignment="Top" Width="151"> 
     <RadioButton Content="Yes" Height="16" HorizontalAlignment="Left" Margin="2,12,0,0" Name="radioButton1" VerticalAlignment="Top" /> 
     <RadioButton Content="No" Height="16" HorizontalAlignment="Left" Margin="46,12,0,0" Name="radioButton2" VerticalAlignment="Top" /> 
     <RadioButton Content="Pending" Height="16" HorizontalAlignment="Left" Margin="86,12,0,0" Name="radioButton3" VerticalAlignment="Top" /> 
     <Grid.Style> 
      <Style TargetType="Grid"> 
       <Setter Property="Background" Value="#FFF2F2F2" /> 
       <Style.Triggers> 
        <DataTrigger Binding="{Binding ElementName=radioButton1, Path=IsChecked}" Value="True"> 
         <Setter Property="Background" Value="Red" /> 
        </DataTrigger> 
        <DataTrigger Binding="{Binding ElementName=radioButton2, Path=IsChecked}" Value="True"> 
         <Setter Property="Background" Value="Blue" /> 
        </DataTrigger> 
        <DataTrigger Binding="{Binding ElementName=radioButton3, Path=IsChecked}" Value="True"> 
         <Setter Property="Background" Value="Green" /> 
        </DataTrigger> 
       </Style.Triggers> 
      </Style> 
     </Grid.Style> 
    </Grid> 

Bitte beachte, dass ich den Standard entfernt Hintergrund und fügte es als Setter hinzu, da das direkte Hinzufügen alle anderen Hintergrundeigenschaften überschreibt. Hoffe das wird dir helfen.