如何将 TabControl 的项绑定到 wpf 中的可观察集合？

Question

将 TabControl 的项绑定到 ObservableCollection 的最简单的示例是什么？

每个选项卡的内容都将具有唯一的数据，并且实际上该数据将具有其自己的绑定到项目组件的 observableCollections。

目前我有一个用户控件，我想在创建每个选项卡后立即将其设置为每个选项卡的内容。 我还需要在创建选项卡时动态设置这个新用户控件的数据上下文。 因此，本质上，我希望选项卡控件的可观察集合包含映射到每个选项卡中的数据的模型视图。

最重要的是，我需要在不违反 WPF 中的 MVVM 的情况下完成这一切！ 有什么帮助吗？

非常感激！

Answer 1

基本示例：

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