WPF 多个主/详细信息，同一网格

Question

我有一个具有三个级别的 TreeView。

假设它是一个联赛、分区和球队 TreeView。

现在，当我选择树中的每个项目时，我想查看有关它的详细信息。

实现这一目标的最佳方法是什么？

由于 Grid 没有项目（如 ListBox），我不能只设置其 ItemsSource 并创建 DataTemplate...

我考虑过使用 ListBox ，它仅包含所选项目，但这似乎非常糟糕...

谢谢。

Answer 1

您首先为您的联赛、分区和球队类别定义 3 个DataTemplate。之后，将 TreeView 绑定到对象的根。您的 League 和 Division 类应该具有返回子级的 Children 属性。您的所有类都应该有一个 Name 属性。

然后，当您想要显示单个对象时，请使用 ContentPresenter，并将其内容绑定到 SelectedItem（如果是 TreeView）。

例如：

<StackPanel>
   <StackPanel.Resources>

       <DataTemplate DataType="{x:Type your_namespace:League}">
           <StackPanel Orientation="Vertical">
               <TextBlock Text={Binding Name}/>
               <.../>
           <StackPanel>
       </DataTemplate>

       <DataTemplate DataType="{x:Type your_namespace:Division}">
           <StackPanel Orientation="Vertical">
               <TextBlock Text={Binding Name}/>
               <.../>
           <StackPanel>
       </DataTemplate>

       <DataTemplate DataType="{x:Type your_namespace:Team}">
           <StackPanel Orientation="Vertical">
               <TextBlock Text={Binding Name}/>
               <.../>
           <StackPanel>
       </DataTemplate>

   </StackPanel.Resources>

   <TreeView x:Name="_tree" ItemsSource="{Binding RootOfYourItems}">
      <TreeView.ItemTemplate>
        <HierarchicalDataTemplate ItemsSource="{Binding Children}">
            <TextBlock Text={Binding Name}/>
        </HierarchicalDataTemplate>
   </TreeView>

   <ContentPresenter Content="{Binding Path=SelectedItem, ElementName=_tree}" />

</StackPanel>

此代码未经测试或编译，仅作为示例提供。

Answer 2

我将创建一个视图模型，其中包含树结构、当前选择和当前选择的详细信息的属性。

树结构是单向绑定到树视图的，树视图中的 SelectedItem 是 OneWayToSource 绑定到当前选择属性的（由于该属性的限制）。一旦当前选择更改，此属性就会更改子项列表，并且子项将绑定到显示它们的列表框。