WPF C# 綁定多個treeViewItems isSelected到tabItem isSelected

Question

基於此處的問答： WPF C# - 將選項卡選擇綁定到 treeView 選擇

是否可以將treeViewItem及其所有children項和潛在的未來children項綁定到同一個tabItem選擇？

<TreeViewItem Header="Letters" x:Name="tab1">
   <TreeViewItem Header="a" x:Name="tab1_1"/>
   <TreeViewItem Header="b" x:Name="tab1_2"/>
   <TreeViewItem Header="c" x:Name="tab1_3"/>
   <TreeViewItem Header="d" x:Name="tab1_4"/>
   <TreeViewItem Header="e" x:Name="tab1_5"/>
   <TreeViewItem Header="f" x:Name="tab1_6"/>
</TreeViewItem>

目前，當使用以下代碼單擊子節點時，它將取消選擇選項卡：

<TabItem x:Name="tabLetters"
    IsSelected="{Binding ElementName=tab1, Path=IsSelected}">
</TabItem>

Answer 1

使用 SelectedValue 和 SelectedValuePath。

TreeViewItem 子項和父項必須具有相同的 Uid。

<Window x:Class="WpfApp1.MainWindow"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <StackPanel>
        <TreeView x:Name="treeView" Height="200" SelectedValuePath="Uid">
        
            <TreeViewItem Header="Letters-1" x:Name="tab1" Uid="Letters-1">
                <TreeViewItem Header="a" Uid="Letters-1"/>
                <TreeViewItem Header="b" Uid="Letters-1"/>
                <TreeViewItem Header="c" Uid="Letters-1"/>
            </TreeViewItem>
        
            <TreeViewItem Header="Letters-2" x:Name="tab2" Uid="Letters-2">
                <TreeViewItem Header="d" Uid="Letters-2"/>
                <TreeViewItem Header="e" Uid="Letters-2"/>
                <TreeViewItem Header="f" Uid="Letters-2"/>
            </TreeViewItem>
        
            <TreeViewItem Header="Letters-3" x:Name="tab3" Uid="Letters-3">
                <TreeViewItem Header="g" Uid="Letters-3"/>
                <TreeViewItem Header="h" Uid="Letters-3"/>
                <TreeViewItem Header="i" Uid="Letters-3"/>
            </TreeViewItem>
        
        </TreeView>
    
        <TabControl x:Name="tabControl" Height="100"
                    SelectedValuePath="Header"
                    SelectedValue="{Binding ElementName=treeView, Path=SelectedValue, Mode=OneWay}">
        
            <TabItem Header="Letters-1"/>

            <TabItem Header="Letters-2"/>

            <TabItem Header="Letters-3"/>

        </TabControl>
    </StackPanel>
</Window>