doc: 更新搜索示例

Author: ArgoZhang

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

@@ -173,26 +173,26 @@
 <DemoBlock Title="@Localizer["TreeViewShowSearchTitle"]"
            Introduction="@Localizer["TreeViewShowSearchIntro"]"
            Name="ShowSearch">
-    <TreeView TItem="TreeFoo" Items="@SearchItems" ShowSearch="true" OnSearchAsync="@OnSearchAsync"></TreeView>
+    <TreeView TItem="TreeFoo" Items="@SearchItems1" ShowSearch="true" OnSearchAsync="@OnSearch1Async"></TreeView>
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["TreeViewFixedSearchTitle"]"
            Introduction="@Localizer["TreeViewFixedSearchIntro"]"
            Name="IsFixedSearch">
-    <TreeView TItem="TreeFoo" Items="@SearchItems" ShowSearch="true" OnSearchAsync="@OnSearchAsync" IsFixedSearch="true" style="height: 180px;"></TreeView>
+    <TreeView TItem="TreeFoo" Items="@SearchItems2" ShowSearch="true" OnSearchAsync="@OnSearch2Async" IsFixedSearch="true" style="height: 180px;"></TreeView>
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["TreeViewMaxSelectedCountTitle"]"
            Introduction="@Localizer["TreeViewMaxSelectedCountIntro"]"
            Name="MaxSelectedCount">
     <section ignore>@((MarkupString)Localizer["TreeViewMaxSelectedCountDesc"].Value)</section>
-    <TreeView TItem="TreeFoo" Items="@SearchItems" ShowCheckbox="true" AutoCheckChildren="true" AutoCheckParent="true"
+    <TreeView TItem="TreeFoo" Items="@MaxItems" ShowCheckbox="true" AutoCheckChildren="true" AutoCheckParent="true"
               MaxSelectedCount="2" OnMaxSelectedCountExceed="OnMaxSelectedCountExceed"></TreeView>
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["TreeViewEnableKeyboardArrowUpDownTitle"]"
            Introduction="@Localizer["TreeViewEnableKeyboardArrowUpDownIntro"]"
-           Name="Normal">
+           Name="EnableKeyboard">
     <section ignore>@_selectedValue</section>
     <TreeView TItem="TreeFoo" Items="@KeyboardItems" OnTreeItemClick="@OnTreeItemKeyboardClick" style="height: 160px;"
               EnableKeyboard="true" ClickToggleNode="false" ClickToggleCheck="false" ShowCheckbox="true" />

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

@@ -53,7 +53,11 @@ public sealed partial class TreeViews
 
     private List<TreeViewItem<TreeFoo>>? AsyncItems { get; set; }
 
-    private List<TreeViewItem<TreeFoo>>? SearchItems { get; set; } = TreeFoo.GetTreeItems();
+    private List<TreeViewItem<TreeFoo>>? MaxItems { get; set; } = TreeFoo.GetTreeItems();
+
+    private List<TreeViewItem<TreeFoo>>? SearchItems1 { get; set; } = TreeFoo.GetTreeItems();
+
+    private List<TreeViewItem<TreeFoo>>? SearchItems2 { get; set; } = TreeFoo.GetTreeItems();
 
     private List<TreeViewItem<TreeFoo>> VirtualizeItems { get; } = TreeFoo.GetVirtualizeTreeItems();
 
@@ -226,12 +230,36 @@ private Task SelectedItemOnChanged(SelectedItem selectedItem)
         return ret;
     }
 
-    private Task OnSearchAsync(string searchText)
+    private Task OnSearch1Async(string searchText)
     {
-        SearchItems =
-        [
-            new TreeViewItem<TreeFoo>(new TreeFoo() { Text = searchText }) { Text = searchText },
-        ];
+        if (string.IsNullOrEmpty(searchText))
+        {
+            SearchItems1 = TreeFoo.GetTreeItems();
+        }
+        else
+        {
+            SearchItems1 =
+            [
+                new TreeViewItem<TreeFoo>(new TreeFoo() { Text = searchText }) { Text = searchText },
+            ];
+        }
+        StateHasChanged();
+        return Task.CompletedTask;
+    }
+
+    private Task OnSearch2Async(string searchText)
+    {
+        if (string.IsNullOrEmpty(searchText))
+        {
+            SearchItems1 = TreeFoo.GetTreeItems();
+        }
+        else
+        {
+            SearchItems2 =
+            [
+                new TreeViewItem<TreeFoo>(new TreeFoo() { Text = searchText }) { Text = searchText },
+            ];
+        }
         StateHasChanged();
         return Task.CompletedTask;
     }