为什么我的样式ToggleButton不能在TabControl的第二个选项卡上工作？

Question

我在使用TabControl对象开发WPF应用程序时遇到了问题。我试图调试并找到问题，最后我得到了它，但我没有找到任何解决方法。以下是一些解释：

我使用了这个数据网格过滤库（here is a codeproject url），这是最好的（从我的观点来看）。我想使用谷歌材料设计主题自定义它并更改一些图形功能，例如使用数据网格的第一个标签页中的切换按钮来隐藏/显示过滤选项。

我创建了一个用户控件并将自定义数据网格放入其中。然后我将该控件嵌入到tabItem中。当我将此控件设置为第一个tabItem时，一切正常。但是当我将用户控件更改为另一个tabItem时，切换按钮不起作用。

这是我的主窗口xaml代码无效：

 <TabControl x:Name="tabControl">
        <TabItem Header="1'st Tab">
            <ContentControl DataContext="{Binding Path=DataContext, RelativeSource={RelativeSource AncestorType={x:Type Window}}}">
                <Button Content="Do no thing"></Button>
            </ContentControl>
        </TabItem>
        <TabItem Header="2'nd Tab">
            <ContentControl DataContext="{Binding Path=DataContext, RelativeSource={RelativeSource AncestorType={x:Type Window}}}">
                <local:UserControl1/>
            </ContentControl>
        </TabItem>
 </TabControl>

请注意，如果我更改TabItems的顺序，则效果很好。有没有人有如何解决这个问题的建议？ Here is my sample project code on Github

编辑：今天，我用“WPF Inspector”测试我的应用程序，找到视觉和逻辑树的结构。这种行为太奇怪了，因为当我将“WPF Inspector”附加到我的应用程序时，一切都开始起作用了。以下GIF是我做的：

Answer 1

对数据对象使用ContentControl时，在您的情况下它是数据上下文，您将Content属性绑定到数据对象并指定{{1}属性。在这种情况下，DataTemplate中的内容会将DataTemplate设置为您的数据对象。

以下是一份工作样本：

DataContext