wpf xaml tutorial

Cómo vincular elementos de un TabControl a una colección observable en wpf?

Question

¿Cuál es el ejemplo más simple de vincular los elementos de un TabControl a un ObservableCollection?

El contenido de cada pestaña tendrá datos únicos, y de hecho estos datos tendrán sus propias colecciones observables vinculadas a los componentes de los elementos.

Actualmente tengo un control de usuario, que me gustaría establecer como el contenido de cada pestaña tan pronto como se crea. También necesito establecer dinámicamente el contexto de datos de este nuevo control de usuario cuando se crea la pestaña. Entonces, esencialmente, me gustaría que la colección observable del tabcontrol contenga modelos que se correlacionan con los datos en cada pestaña.

Además de eso, ¡tengo que hacer todo esto sin violar MVVM en WPF! ¿Alguna ayuda?

¡Muy apreciado!

Answer 1

Ejemplo básico:

<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>