使用不同的父节点和不同的子节点实现 WPF 树视图？

Question

我想实现一个具有以下结构的树视图......

[RootNode] <---- 树的根
--[ParentNode P1] <---- ModelClass P1 的对象
----[ChildNode C1] <----- ModelClass C1 的对象（也有不同类型的子节点）
----[ChildNode C2] <----- ModelClass C2 的对象（也有不同类型的子节点）
----[ChildNode C3] <----- ModelClass C3 的对象（也有不同类型的子节点）
--[ParentNode Q1] <---- ModelClass Q1 的对象
----[ChildNode B1] <----- ModelClass B1 的对象（也有不同类型的子节点）
----[ChildNode B2] <----- ModelClass B2 的对象（也有不同类型的子节点）
----[ChildNode B3] <----- ModelClass B3 的对象（也有不同类型的子节点）
--[ParentNode R1] <---- ModelClass R1 的对象
----[ChildNode A1] <----- ModelClass A1 的对象（也有不同类型的子节点）
----[ChildNode A2] <----- ModelClass A2 的对象（也有不同类型的子节点）
----[ChildNode A3] <----- ModelClass A3 的对象（也有不同类型的子节点）

我已经查看了此站点以及网络上提出的许多解决方案...... .但就是不知道该怎么做......

这是我对 Wpf 的第一次尝试，这是一个至关重要的要求......

还发现很难为上述不同的类创建对象模型...... ..

上面显示的所有类都具有其他属性，包括它们的子节点... 我不想只显示子节点的所有属性

完全困惑...看到不同的解决方案

如果我能在这方面得到一些帮助那就太好了...

谢谢

Answer 1

如果您使用自定义集合，层次结构数据模板就可以工作......
我的类是这样的：

public class EntityBase :ObservableCollection<object>
{

}

public class Parent : EntityBase
{

}  

public class ChildA : EntityBase // Dont make it a collection if it has noe childern to be displayed so dont inherit for EntityBase
{
   //Child Properties
}


public class ChildB : EntityBase
{
//Child Properties
}  

现在，当您最终将数据绑定到 TreeView 时，您将使 ChildA 和 ChildB 项作为 Parent 的子项> object ie

    public ObservableCollection<object> GetData()
    {
         var temp = new ObservableCollection<object>();
         Parent parent = new Parent(); // Root Node
         temp.Add(parent);
         parent.Add(new ChildA()); // ChildA as Child1 of Parent

         parent.Add(new ChildA()); // ChildA as Child2 of Parent

         parent.Add(new ChildB()); // ChildB as Child3 of Parent

         parent.Add(new ChildB()); // ChildB as Child4 of Parent

         return temp;

    }  

最后，层次结构数据模板将如下所示..

<TreeView Name="test" Grid.Row="0" ItemsSource="{Binding Path=TreeData,Source={StaticResource ResourceKey=DataSource}}">
        <TreeView.Resources>
            <HierarchicalDataTemplate DataType="{x:Type EntityLayer:Parent}" ItemsSource="{Binding}">
                <StackPanel>
                    <TextBlock>Parent</TextBlock>
                </StackPanel>
            </HierarchicalDataTemplate>
            <HierarchicalDataTemplate DataType="{x:Type EntityLayer:ChildA}" ItemsSource="{Binding}">
                <StackPanel>
                    <TextBlock Text="{Binding Path = Name}"></TextBlock>
                </StackPanel>
            </HierarchicalDataTemplate>
            <HierarchicalDataTemplate DataType="{x:Type EntityLayer:ChildB}" ItemsSource="{Binding}">
                <StackPanel>
                    <TextBlock Text="{Binding Path = Name}"></TextBlock>
                </StackPanel>
            </HierarchicalDataTemplate>
        </TreeView.Resources>
    </TreeView>

Answer 2

如果这些类中的任何一个具有共同的基类，那么您会更容易，例如，您可以为多个类使用一个 DataTemplate。

但是，如果每个模型确实不同并且没有足够的共同点，则您需要使用 DataTemplateSelector，尽管内置机制可能就足够了。

设置

以下是我为了重现类似情况而制作的一些基础。每个不同的类都继承自 List

public class P1 : List<object> {
    public P1() {}
    public P1( IEnumerable<object> collection ) : base( collection ) {}
}

此外，我的根数据源是 List

Window 的构造函数：

public MainWindow() {
    InitializeComponent();
    this.DataContext = MyDataSource.GetData(); // in which I construct the tree of parents and children
}

解决方案

首先为每种类型创建HierarchicalDataTemplate。如果任何类型不包含子项，您当然会为它们创建 DataTemplate：

<HierarchicalDataTemplate DataType="{x:Type loc:P1}"
                          ItemsSource="{Binding}">
    <TextBlock>a P1 object</TextBlock>
</HierarchicalDataTemplate>
<HierarchicalDataTemplate DataType="{x:Type loc:C1}"
                          ItemsSource="{Binding}">
    <TextBlock>a C1 object</TextBlock>
</HierarchicalDataTemplate>
<HierarchicalDataTemplate DataType="{x:Type loc:C2}"
                          ItemsSource="{Binding}">
    <TextBlock>a C2 object</TextBlock>
</HierarchicalDataTemplate>
<HierarchicalDataTemplate DataType="{x:Type loc:Q1}"
                          ItemsSource="{Binding}">
    <TextBlock>a Q1 object</TextBlock>
</HierarchicalDataTemplate>
<HierarchicalDataTemplate DataType="{x:Type loc:B1}"
                          ItemsSource="{Binding}">
    <TextBlock>a B1 object</TextBlock>
</HierarchicalDataTemplate>
<HierarchicalDataTemplate DataType="{x:Type loc:B2}"
                          ItemsSource="{Binding}">
    <TextBlock>a B2 object</TextBlock>
</HierarchicalDataTemplate>

由于每个类都源自 List

在此示例中实现 DataTemplateSelector 的最简单方法是不执行任何操作。因为我只在数据模板上指定了 DataType 而不是 x:Key，即使集合很模糊 (List

<TreeView ItemsSource"{Binding}" />

但是，假设为了向您展示一个 DataTemplateSelector，您不能依赖它通过 Type 隐式匹配。您可以将 x:Key 放在数据模板上，如下所示：

<HierarchicalDataTemplate DataType="{x:Type loc:P1}" x:Key="myKeyforP1"
                          ItemsSource="{Binding}">
    <TextBlock>a P1 object</TextBlock>
</HierarchicalDataTemplate>

然后您的选择器可能会在内部使用 Dictionary 来确定给定 使用的资源键>Type （请记住，这是一个幼稚的实现）：

public class CustomDataTemplateSelector : DataTemplateSelector {
    static Dictionary<Type, object> typeToKey = new Dictionary<Type, object>();
    static CustomDataTemplateSelector() {
        typeToKey[ typeof( P1 ) ] = "myKeyforP1";
    }

    public override DataTemplate SelectTemplate( object item, DependencyObject container ) {
        var element = container as FrameworkElement;
        if ( element != null && item != null ) {
            var itemtype = item.GetType();
            object keyObject;
            if ( typeToKey.TryGetValue( itemtype, out keyObject ) ) {
                var template = element.TryFindResource( keyObject ) as DataTemplate;
                if ( template != null ) {
                    return template;
                }
            }
        }
        return base.SelectTemplate( item, container );
    }
}

然后您将选择器添加到资源字典中，并且您的 TreeView 将需要分配另一个属性：

<Grid.Resources>
    <loc:CustomDataTemplateSelector x:Key="mySelector" />
</Grid.Resources>
<TreeView ItemsSource="{Binding}"
          ItemTemplateSelector="{StaticResource mySelector}"></TreeView>

并且因为 base.SelectTemplate() 将尝试使用项目的 Type 作为资源键，您可以为模型使用标准的 HierarchicalDataTemplate 和自定义版本仅当您的 TreeView 使用自定义 DataTemplateSelector 时才使用：

<HierarchicalDataTemplate DataType="{x:Type loc:P1}"
                          ItemsSource="{Binding}">
    <TextBlock>a P1 object</TextBlock>
</HierarchicalDataTemplate>
<HierarchicalDataTemplate DataType="{x:Type loc:P1}" x:Key="myKeyforP1"
                          ItemsSource="{Binding}">
    <TextBlock>a P1 that looks much different</TextBlock>
</HierarchicalDataTemplate>

Answer 3

您是否可以发布您的解决方案的更多详细信息。我正在尝试实现同样的目标，我添加了多个分层数据模板，但有兴趣查看对象模型。

就我而言，我有一个具有以下属性的父级，

Public string Name { get; set; }
Public ObservableCollection<ChildA> ChildrenA { get; set; }
Public ObservableCollection<ChildB> ChildrenB { get; set; }

我想在树视图中显示这些属性。我有兴趣了解如何构建对象模型，因为我需要在树中显示单个 ChildA 和 ChildB 集合之上级别的内容。