Comment lier conditionnellement les données?

Question

Comment lier de manière conditionnelle des données à une zone de liste déroulante? J'ai une liste déroulante qui par défaut devrait afficher un ID. Cependant, si l'utilisateur coche une case à cocher, l'affichage devrait afficher à la fois l'identifiant et un nom. Par exemple, "OO1: Sam". J'ai l'identifiant par défaut affiché correctement. Je ne suis pas sûr comment obtenir à la fois l'ID et le nom à afficher en fonction de l'état "IsChecked" de la case à cocher.

WPF et C# .Net 3.5

Answer 1

Voici une façon, en utilisant un style sur la zone de liste déroulante avec des déclencheurs pour définir le ItemTemplate dynamiquement:

Edit: Modification du style dans une ressource. Notez que ceci est toujours lié directement à la CheckBox en utilisant la liaison d'éléments - si vous voulez qu'elle soit plus flexible, vous pouvez lier la propriété IsChecked de CheckBox à une propriété de votre ViewModel et vous fier à cette modification plutôt qu'à IsChecked.

Avançons le style dans la section Ressources de notre fenêtre:

<Window.Resources> 
    <Style x:Key="myStyle" TargetType="ComboBox"> 
     <Setter Property="ItemTemplate"> 
      <Setter.Value> 
       <DataTemplate> 
        <StackPanel> 
         <TextBlock Text="{Binding Name}" /> 
        </StackPanel> 
       </DataTemplate> 
      </Setter.Value> 
     </Setter> 

     <Style.Triggers> 
      <DataTrigger Binding="{Binding IsChecked,ElementName=chk}" Value="True"> 
       <Setter Property="ItemTemplate"> 
        <Setter.Value> 
         <DataTemplate> 
          <StackPanel Orientation="Horizontal"> 
           <TextBlock Text="{Binding ID}" /> 
           <TextBlock Text=": " /> 
           <TextBlock Text="{Binding Name}" /> 
          </StackPanel> 
         </DataTemplate> 
        </Setter.Value> 
       </Setter> 
      </DataTrigger> 
     </Style.Triggers> 
    </Style> 
</Window.Resources> 

Maintenant, nous définissons la case correspondante et un couple de ComboBoxes qui en dépendent:

<CheckBox x:Name="chk" Content="Click Me" /> 

<ComboBox ItemsSource="{Binding}" Style="{StaticResource myStyle}" /> 

<ComboBox ItemsSource="{Binding}" Style="{StaticResource myStyle}" /> 

Answer 2

Je le ferais en le ViewModel. Vous pouvez avoir un viewmodel pour vos éléments de zone de liste déroulante, un autre pour l'écran sur lequel la case à cocher se trouve, et un moyen pour la case à cocher viewmodel de dire à l'élément viewmodels lorsque sa valeur a changé. L'item viewmodel possède alors une logique conditionnelle dans sa propriété Text (ou peu importe comment vous l'appelez), et implémente le pattern habituel INotifyPropertyChanged pour notifier l'interface utilisateur lorsque son texte a changé.

L'avantage: de cette façon, vous pouvez écrire des tests unitaires pour ce comportement. (Et si ça vaut le coup, ça vaut la peine d'écrire des tests unitaires.)