wpf - TreeViewItem に ItemsSource がある TreeView SelectedItem への要素バインディング

Question

私は次のユーザーコントロールを持っています:

<UserControl x:Class="ConcreteAnalyzer.Views.CenterSectionPropertiesView"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:c="clr-namespace:ConcreteAnalyzer.Converters"
         xmlns:local="clr-namespace:ConcreteAnalyzer.Views"
         xmlns:vm="clr-namespace:ConcreteAnalyzer.ViewModels.CenterSection"
         mc:Ignorable="d">
<UserControl.Resources >
    <c:DebugConverter x:Key="DebugConverter"/>
</UserControl.Resources>
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="1*"/>
        <RowDefinition Height="8"/>
        <RowDefinition Height="1*"/>
    </Grid.RowDefinitions>
    <TreeView Grid.Row="0" x:Name="CenterSectionTree">
        <TreeView.Resources>
            <HierarchicalDataTemplate DataType="{x:Type vm:PanViewModel}">
                <TreeViewItem Header="Pan"/>
            </HierarchicalDataTemplate>
        </TreeView.Resources>
        <TreeViewItem Header="Center Section" DataContext="{Binding CenterSection}">
            <TreeViewItem Header="Front" DataContext="{Binding XPositive}" ItemsSource="{Binding Pans, Converter={StaticResource DebugConverter}}"/>
            <TreeViewItem Header="Back" DataContext="{Binding XNegative}" ItemsSource="{Binding Pans}"/>
            <TreeViewItem Header="Left" DataContext="{Binding YPositive}" ItemsSource="{Binding Pans}"/>
            <TreeViewItem Header="Rigth" DataContext="{Binding YNegative}" ItemsSource="{Binding Pans}"/>
        </TreeViewItem>
    </TreeView>
    <GridSplitter Grid.Row="1" Height="8" ResizeDirection="Rows" HorizontalAlignment="Stretch" ResizeBehavior="PreviousAndNext">
        <GridSplitter.Template>
            <ControlTemplate TargetType="{x:Type GridSplitter}">
                <Grid>
                    <Button Content="⁞&quot; Background="Transparent" Foreground="White"/>
                    <Rectangle Fill="{StaticResource TurqoiseBrush}"/>
                </Grid>
            </ControlTemplate>
        </GridSplitter.Template>
    </GridSplitter >
    <ContentControl Content="{Binding SelectedItem.DataContext, ElementName=CenterSectionTree, Converter={StaticResource DebugConverter}}" Grid.Row="2">
        <ContentControl.Resources>
            <DataTemplate DataType="{x:Type vm:CenterSectionViewModel}">
                <TextBlock Text="Center Section"/>
            </DataTemplate>
            <DataTemplate DataType="{x:Type vm:WallViewModel}">
                <TextBlock Text="Wall"/>
            </DataTemplate>
            <DataTemplate DataType="{x:Type vm:PanViewModel}">
                <TextBlock Text="Pan"/>
            </DataTemplate>
        </ContentControl.Resources>
    </ContentControl>
</Grid>

これは、ハードコーディングされた Treeview 項目に対してはうまく機能しますが、いずれかのパンを選択すると、ElementBinding が接続されません。ツリービューを変更して HierarchicalDataTemplate を使用することもできますが、そのためには、各レベルでバインドするダミー コレクションを作成し、壁にプロパティを追加して、どの壁がどれであるかを判別できるようにする必要があると思います。ツリービューを機能させるためだけにダミー情報をすべて作成すると、コードの匂いがします。

これを機能させるための最良の方法について何か考えはありますか?

編集：

それが機能しない理由は、ハードコードされたツリービュー項目が選択されたときにデータバインディングが TreeViewItem 自体を指しているため、SelectedItem.DataContext にバインドしていたためです。Pan を選択すると、SelectedItem は TreeViewItem ではなく PanViewModel になります。

単純に SelectedItem にバインドしようとすると、ハードコードされた TreeViewItems は機能しません。これは、TreeViewItem 自体を ContentControl に挿入しようとするため、例外がスローされます。

PanViewModel には DataContext がないため、SelectedItem.DataContext へのバインドは機能しません。私はまだこれに対するエレガントな解決策を見ていません。