Comment lier des éléments d'un TabControl à une collection observable dans wpf?

Question

Quel est l'exemple le plus simple de liaison des éléments d'un TabControl à une ObservableCollection?

Le contenu de chaque onglet aura des données uniques, et en effet ces données auront des collections observables liées aux éléments des éléments.

Actuellement, j'ai un contrôle utilisateur, que je voudrais définir comme le contenu de chaque onglet dès qu'il est créé. J'ai également besoin de définir dynamiquement le contexte de données de ce nouveau contrôle utilisateur lorsque l'onglet est créé. Donc, pour l'essentiel, j'aimerais que la collection observablec de tabcontrol contienne des vues de modèle qui correspondent aux données de chaque onglet.

En plus de cela, j'ai besoin de faire tout cela sans violer MVVM dans WPF! De l'aide?

Très apprécié!

Answer 1

exemple de base:

<Window.Resources> 

    <DataTemplate x:Key="templateForTheContent" DataType="{x:Type vm:TheViewModelType}"> 
     <v:YourUserControl/> 
    </DataTemplate> 

    <DataTemplate x:Key="templateForTheHeader" DataType="{x:Type vm:TheViewModelType}"> 
     <TextBlock Text="{Binding ThePropertyToDisplayInTheHeader}"/> 
    </DataTemplate> 

</Window.Resources> 

... 

<TabControl ItemsSource="{Binding YourCollection}" 
      ContentTemplate="{StaticResource templateForTheContent}" 
      ItemTemplate="{StaticResource templateForTheHeader}"> 
</TabControl>