WPF Trigger liaison à la propriété MVVM

Question

J'ai un datatemplate contenant une image que je veux cacher si la valeur d'une propriété dans un ViewModel est vraie. Quelqu'un peut-il me dire pourquoi le xaml ci-dessous ne fonctionne pas?

<Image x:Name="img" Source="..\Images\List_16.png" Margin="0,0,5,0"> 
    <Image.Style> 
    <Style> 
     <Style.Triggers> 
     <DataTrigger Binding="{Binding CurrentListHasPendingChanges}" Value="True"> 
      <Setter Property="Image.Visibility" Value="Hidden" /> 
     </DataTrigger> 
     <DataTrigger Binding="{Binding CurrentListHasPendingChanges}" Value="False"> 
      <Setter Property="Image.Visibility" Value="Visible" /> 
     </DataTrigger> 
     </Style.Triggers> 
    </Style> 
    </Image.Style> 
</Image> 

Answer 1

est pas

<Setter Property="Visibility" Value="Hidden" /> 

?

Je suppose que vous utilisez INotifyProptyChanged.

EDIT J'ai fait un peu de googling et je pense que vous devez utiliser une sorte de gabarit pour que la gâchette fonctionne.

par exemple .: http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/ae2dbfb7-5dd6-4352-bfa1-53634289329d

http://www.thejoyofcode.com/Help_Why_cant_I_use_DataTriggers_with_controls_in_WPF.aspx

Answer 2

Essayez de supprimer "l'image" partie de la propriété = "Image.Visibility" de sorte que vous aurez:

<Setter Property="Visibility" Value="Hidden"/> 

et ajoutez TargetType à votre style :

<Style TargetType="{x:Type Image}"> 

Answer 3

Je viens de faire quelque chose de simi lar en utilisant un ContentControl.

<ContentControl Content="{Binding CurrentListHasPendingChanges}"> 
    <ContentControl.ContentTemplate> 
    <DataTemplate> 
     <Image x:Name="img" Source="..\Images\List_16.png" Margin="0,0,5,0" Visibility="Hidden" /> 
     <DataTemplate.Triggers> 
     <DataTrigger Binding="{Binding}" Value="False"> 
      <Setter Property="Image.Visibility" Value="Visible" /> 
     </DataTrigger> 
     </DataTemplate.Triggers> 
    </DataTemplate> 
    </ContentControl.ContentTemplate> 
</ContentControl> 

De http://karlhulme.wordpress.com/2007/03/06/using-a-contentcontrol-and-datatemplate-to-indicate-new-andor-modified-data/

Answer 4

À mon avis, nous ne devons utiliser Déclencheurs, avec seulement la liaison fonctionne bien. Pour faire la liaison à un modèle de propriété, vous pouvez utiliser BooleanToVisibilityConverter est déclaré comme suit:

<UserControl.Resources> 
    <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/> 
</UserControl.Resources> 

Et comment l'utiliser est simple, suffit de pointer à la clé indiquée ci-dessus:

<Image HorizontalAlignment="Left" Height="16" VerticalAlignment="Center" Width="16" 
     Visibility="{Binding HasError, Converter={StaticResource BooleanToVisibilityConverter}}" 
     Source="/myPath;component/Resources/Images/image1.png"/> 

Le propriété dans le ViewModel:

private bool _hasError = false; 
    public bool HasError 
    { 
     get { return !string.IsNullOrEmpty(_messageError); } 
     set 
     { 
      _hasError = value;     
      this.NotifyOfPropertyChange(() => this.HasError); 
     } 
    }