doc: 更新示例

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/SelectTrees.razor

@@ -39,7 +39,7 @@
     <ValidateForm Model="BindModel">
         <div class="row g-3">
             <div class="col-12 col-sm-6">
-                <SelectTree TValue="string" @bind-Value="BindModel.Text" ShowIcon="true" Items="BindItems" />
+                <SelectTree TValue="string" @bind-Value="BindModel.Text" ShowIcon="true" Items="BindItems" OnExpandNodeAsync="OnExpandNodeAsync" />
             </div>
             <div class="col-12 col-sm-6 align-self-end">
                 <Button ButtonType="ButtonType.Submit">@Localizer["SelectTreesClientValidationButtonText"]</Button>

src/BootstrapBlazor.Server/Components/Samples/SelectTrees.razor.cs

@@ -19,7 +19,7 @@ public partial class SelectTrees
     [NotNull]
     private TreeFoo? Model { get; set; }
 
-    private TreeFoo BindModel { get; set; } = new TreeFoo();
+    private TreeFoo BindModel { get; set; } = new();
 
     [NotNull]
     private List<TreeViewItem<string>>? BindItems { get; set; }
@@ -55,35 +55,49 @@ protected override void OnInitialized()
 
         BindModel = new TreeFoo()
         {
-            Text = "Sub Menu Three",
             Id = "1090",
             ParentId = "1050",
-            Icon = "fa-solid fa-font-awesome",
-            IsActive = true
+            Icon = "fa-solid fa-font-awesome"
         };
 
         BindItems =
         [
-          new TreeViewItem<string>("目录一")
-          {
-              Text ="目录一",
-              Icon = "fa-solid fa-folder",
-              ExpandIcon = "fa-solid fa-folder-open",
-              Items =
-              [
-                  new TreeViewItem<string>("子目录一")
-                  {
-                      Text ="子目录一",
-                      Icon = "fa-solid fa-folder",
-                      ExpandIcon = "fa-solid fa-folder-open",
-                      Items =
-                      [
-                          new TreeViewItem<string>("文件一") { Text = "文件一", Icon = "fa-solid fa-file", IsActive = true },
-                          new TreeViewItem<string>("文件二") { Text = "文件二", Icon = "fa-solid fa-file" }
-                      ]
-                  }
-              ]
-          }
-      ];
+            new TreeViewItem<string>("目录一")
+            {
+                Text = "目录一",
+                Icon = "fa-solid fa-folder",
+                ExpandIcon = "fa-solid fa-folder-open",
+                Value = "101",
+                HasChildren = true
+            }
+        ];
+    }
+
+    private async Task<IEnumerable<TreeViewItem<string>>> OnExpandNodeAsync(TreeViewItem<string> node)
+    {
+        await Task.Delay(500);
+
+        if (node.Value == "101")
+        {
+            return [new TreeViewItem<string>("子目录一")
+            {
+                Text = "子目录一",
+                Icon = "fa-solid fa-folder",
+                ExpandIcon = "fa-solid fa-folder-open",
+                Value = "1001",
+                HasChildren = true
+            }];
+        }
+        else if (node.Value == "1001")
+        {
+            return [
+                new TreeViewItem<string>("文件一") { Text = "文件一", Icon = "fa-solid fa-file", Value = "10010" },
+                new TreeViewItem<string>("文件二") { Text = "文件二", Icon = "fa-solid fa-file", Value = "10011" }
+            ];
+        }
+        else
+        {
+            return [];
+        }
     }
 }