TreeView添加多重嵌套绑定示例

demo/Semi.Avalonia.Demo/Pages/TreeViewDemo.axaml

@@ -4,6 +4,7 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:models="using:Semi.Avalonia.Demo.Pages"
     xmlns:vm="clr-namespace:Semi.Avalonia.Demo.Pages"
     d:DesignHeight="450"
     d:DesignWidth="800"
@@ -11,6 +12,8 @@
     x:DataType="vm:TreeViewVm"
     mc:Ignorable="d">
     <StackPanel HorizontalAlignment="Left">
+
+        <Border Theme="{StaticResource CardBorder}">
             <TreeView>
                 <TreeViewItem Header="Level 1">
                     <TreeViewItem Header="Level 2" />
@@ -45,12 +48,33 @@
                     </TreeViewItem>
                 </TreeViewItem>
             </TreeView>
-        <TreeView ItemsSource="{Binding Items}">
+        </Border>
+
+        <Border Theme="{StaticResource CardBorder}">
+            <TreeView Margin="0,10" ItemsSource="{Binding Items}">
                 <TreeView.ItemTemplate>
                     <TreeDataTemplate ItemsSource="{Binding Items}">
                         <TextBlock Text="{Binding Name}" />
                     </TreeDataTemplate>
                 </TreeView.ItemTemplate>
             </TreeView>
+        </Border>
+
+        <Border Theme="{StaticResource CardBorder}">
+            <TreeView ItemsSource="{Binding MultipleLevelItems}">
+                <TreeView.DataTemplates>
+                    <TreeDataTemplate DataType="models:FirstItem" ItemsSource="{Binding SecondItems}">
+                        <TextBlock Text="{Binding Name}" />
+                    </TreeDataTemplate>
+                    <TreeDataTemplate DataType="models:SecondItem" ItemsSource="{Binding ThirdItemItems}">
+                        <TextBlock Text="{Binding Name}" />
+                    </TreeDataTemplate>
+                    <TreeDataTemplate DataType="models:ThirdItem">
+                        <TextBlock Text="{Binding Name}" />
+                    </TreeDataTemplate>
+                </TreeView.DataTemplates>
+            </TreeView>
+        </Border>
+
     </StackPanel>
 </UserControl>

demo/Semi.Avalonia.Demo/Pages/TreeViewDemo.axaml.cs

@@ -19,6 +19,8 @@ public class TreeViewVm : ObservableObject
 {
     public ObservableCollection<TreeViewItemVm> Items { get; set; }
 
+    public ObservableCollection<FirstItem>? MultipleLevelItems { get; set; }
+
     public TreeViewVm()
     {
         Items = new ObservableCollection<TreeViewItemVm>()
@@ -33,6 +35,25 @@ public class TreeViewVm : ObservableObject
             },
             },
         };
+
+        MultipleLevelItems = new();
+        for (int i = 1; i < 6; i++)
+        {
+            FirstItem firstItem = new FirstItem { Id = i, Name = $"FirstItem {i}" };
+            firstItem.SecondItems = new();
+            for (int j = 1; j < 6; j++)
+            {
+                SecondItem secondItem = new SecondItem { Id = j, Name = $"SecondItem {j}" };
+                secondItem.ThirdItemItems = new();
+                for (int k = 1; k < 6; k++)
+                {
+                    ThirdItem thirdItem = new ThirdItem { Id = k, Name = $"ThirdItem {k}" };
+                    secondItem.ThirdItemItems.Add(thirdItem);
+                }
+                firstItem.SecondItems.Add(secondItem);
+            }
+            MultipleLevelItems.Add(firstItem);
+        }
     }
 }
 
@@ -42,3 +63,24 @@ public partial class TreeViewItemVm : ObservableObject
     public string Name { get; set; }
     public string Id { get; set; }
 }
+
+public class ItemBase
+{
+    public int Id { get; set; }
+    public string? Name { get; set; }
+}
+public class FirstItem : ItemBase
+{
+    public ObservableCollection<SecondItem>? SecondItems { get; set; }
+}
+public class SecondItem : ItemBase
+{
+    public ObservableCollection<ThirdItem>? ThirdItemItems { get; set; }
+
+}
+public class ThirdItem : ItemBase
+{
+}
+
+
+