TreeView 绑定到 List

Question

我有一个项目列表，其中列表中的每个项目都包含另一个项目列表。

public List<JobesGroup> JobeGroups { get; set; } = new List<JobesGroup>() 
{
   new JobesGroup()
   {
       ID=1,
       GroupName="test1",
       Jobes=new List<Jobe>()
       {
           new Jobe()
           {
               ID=1,
               JobeName="sss"
           },
           new Jobe()
           {
               ID=2,
               JobeName="aaa"
           }
       }
   },
   new JobesGroup()
   {
       ID=2,
       GroupName="test2",
       Jobes=new List<Jobe>()
       {
           new Jobe()
           {
               ID=3,
               JobeName="ddd"
           },
           new Jobe()
           {
               ID=4,
               JobeName="fff"
           }
       }
   }
};

我希望 TreeView 主项目显示 GroupName，子项目显示 JobName。如何将其绑定到TreeView？

Answer 1

您有一个分层数据结构，这意味着一个项目包含另一个项目集合。 TreeView可以使用HierarchicalDataTemplate。这样的模板定义了项目的外观，并指定了下一个级别的 ItemsSource。它还可以通过使用 ItemTemplate 属性。这可以是 HierarchicalDataTemplate 或 DataTemplate 取决于提供分层或非分层数据的级别。如果未指定其他项目模板，则相同的数据模板将应用于所有级别的所有项目。

第一级是 JobesGroup 项，第二级是 Jobes 项。

• 第一级：需要一个 HierarchicalDataTemplate 来定义 GroupName 的显示方式，并将 Jobes 属性指定为项目的 ItemsSource下一个级别。
• 第二级：JobeName 的简单 DataTemplate 就足够了，因为下面没有更多级别了。它定义了JobeName的显示方式。

<TreeView ItemsSource="{Binding JobeGroups}">
   <TreeView.ItemTemplate>
      <HierarchicalDataTemplate DataType="{x:Type local:JobesGroup}"
                                ItemsSource="{Binding Jobes}">
         <TextBlock Text="{Binding GroupName}"/>
         <HierarchicalDataTemplate.ItemTemplate>
            <DataTemplate DataType="{x:Type local:Jobe}">
               <TextBlock Text="{Binding JobeName}"/>
            </DataTemplate>
         </HierarchicalDataTemplate.ItemTemplate>
      </HierarchicalDataTemplate>
   </TreeView.ItemTemplate>
</TreeView>