选定的选项卡会随着外部 TabControl 内的模板化 WPF TabControl 的变化而变化

Question

我有一个带有外部 TabControl 的 WPF UI，其 TabItems 包含内部 TabControl，如下所示：

<TabControl>
    <TabItem Header="Tab1">
        <TabControl>
            <TabItem Header="TabA">
            </TabItem>
            <TabItem Header="TabB">
            </TabItem>
        </TabControl>
    </TabItem>
    <TabItem Header="Tab2">
        <TabControl>
            <TabItem Header="TabC">
            </TabItem>
            <TabItem Header="TabD">
            </TabItem>
        </TabControl>
    </TabItem>
</TabControl>

当在外部 TabControl 上从 Tab1 切换到 Tab2 时，内部 TabControl 会记住它们的选择。示例：选择 Tab1，选择 TabB，选择 Tab2，选择 Tab1，您会发现 TabB 仍处于选中状态。

当我更改 TabControl 模板时，这种一致性就会崩溃。事实上，当您从外部 TabControl 上的 Tab1 移动到 Tab2 时，内部 TabControl 上选定的选项卡似乎会随机更改。以下是一些示例模板：

<Window.Resources>
    <ControlTemplate x:Key="TabControlTemplate1" TargetType="{x:Type TabControl}">
        <DockPanel>
            <StackPanel Orientation="Vertical" DockPanel.Dock="Left" IsItemsHost="True"/>
            <ContentPresenter x:Name="PART_SelectedContentHost" ContentSource="SelectedContent"/>
        </DockPanel>
    </ControlTemplate>
    <ControlTemplate x:Key="TabControlTemplate2" TargetType="{x:Type TabControl}">
        <DockPanel>
            <UniformGrid Rows="1" DockPanel.Dock="Top" IsItemsHost="True"/>
            <ContentPresenter x:Name="PART_SelectedContentHost" ContentSource="SelectedContent"/>
        </DockPanel>
    </ControlTemplate>
</Window.Resources>
<TabControl Template="{DynamicResource TabControlTemplate1}">
    <TabItem Header="Tab1">
        <TabControl Template="{DynamicResource TabControlTemplate2}">
            <TabItem Header="TabA">
            </TabItem>
            <TabItem Header="TabB">
            </TabItem>
        </TabControl>
    </TabItem>
    <TabItem Header="Tab2">
        <TabControl Template="{DynamicResource TabControlTemplate2}">
            <TabItem Header="TabC">
            </TabItem>
            <TabItem Header="TabD">
            </TabItem>
        </TabControl>
    </TabItem>
</TabControl>

如何对外部和内部选项卡控件进行模板化并维护内部选项卡控件上的选定选项卡状态？

Answer 1

您是否尝试过通过 ViewModel 控制选项卡选择？如果您使用 ViewModel 模式，那么将 SelectedItem 属性绑定到底层属性以在选择更改时更新它并不是太困难。

我之前在 ListViews 上使用过这个，我在运行时更改了 ItemTemplates 以保护所选项目。我不明白为什么它在这种情况下也不起作用。