doc: 更新示例文档

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Pages/Coms.razor.cs

@@ -14,9 +14,9 @@ public sealed partial class Coms
 
     private string? SearchText { get; set; }
 
-    private Task<IEnumerable<string>> OnSearch(string searchText)
+    private Task<IEnumerable<string?>> OnSearch(string searchText)
     {
         SearchText = searchText;
-        return Task.FromResult<IEnumerable<string>>(ComponentItems.Where(i => i.Contains(searchText, StringComparison.OrdinalIgnoreCase)));
+        return Task.FromResult<IEnumerable<string?>>(ComponentItems.Where(i => i.Contains(searchText, StringComparison.OrdinalIgnoreCase)).ToList());
     }
 }

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

@@ -35,6 +35,19 @@
     <ConsoleLogger @ref="DisplayLogger" />
 </DemoBlock>
 
+<DemoBlock Title="@Localizer["SearchesItemTemplateTitle"]"
+           Introduction="@Localizer["SearchesItemTemplateIntro"]"
+           Name="ItemTemplate">
+    <Search PlaceHolder="@Localizer["SearchesPlaceHolder"]"
+            OnGetDisplayText="GetDisplayText"
+            OnSearch="@OnSearchFoo">
+        <ItemTemplate>
+            <div>@context.Name</div>
+            <div>@context.Address</div>
+        </ItemTemplate>
+    </Search>
+</DemoBlock>
+
 <DemoBlock Title="@Localizer["SearchesKeyboardsTitle"]"
            Introduction="@Localizer["SearchesKeyboardsIntro"]"
            Name="keyboards">

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

@@ -54,6 +54,14 @@ private Task<IEnumerable<string>> OnKeyboardSearch(string searchText)
 
     private Foo Model { get; set; } = new Foo() { Name = "" };
 
+    private static string? GetDisplayText(Foo foo) => foo.Name;
+
+    private static async Task<IEnumerable<Foo>> OnSearchFoo(string searchText)
+    {
+        await Task.Delay(100);
+        return Enumerable.Range(1, 10).Select(i => new Foo() { Name = $"{searchText}-{i}", Address = $"Address - 10{i}" }).ToList();
+    }
+
     /// <summary>
     /// 获得属性方法
     /// </summary>