doc: 增加 ItemTemplate 示例

Author: ArgoZhang

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

@@ -31,6 +31,17 @@
     </div>
 </DemoBlock>
 
+<DemoBlock Title="@Localizer["DropdownItemTemplateTitle"]" Introduction="@Localizer["DropdownItemTemplateIntro"]" Name="ItemTemplate">
+    <Dropdown TValue="string" Items="ItemTemplateList">
+        <ItemTemplate>
+            <Tooltip Title="just a tooltip text demo" Trigger="hover">
+                <span class="fa-solid fa-flag"></span>
+                <div class="ms-2 flex-fill">@context.Text</div>
+            </Tooltip>
+        </ItemTemplate>
+    </Dropdown>
+</DemoBlock>
+
 <DemoBlock Title="@Localizer["SplitTitle"]" Introduction='@Localizer["SplitIntro"]' Name="Split">
     <div class="row g-3">
         <div class="col-6 col-sm-4 col-md-3">

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

@@ -18,6 +18,8 @@ public sealed partial class Dropdowns
 
     private List<SelectedItem> Items { get; set; } = [];
 
+    private List<SelectedItem> ItemTemplateList { get; set; } = [];
+
     /// <summary>
     /// ShowMessage
     /// </summary>
@@ -41,6 +43,13 @@ protected override void OnInitialized()
             new SelectedItem() { Text=Localizer["Item3"], Value="2"},
         ];
 
+        ItemTemplateList =
+        [
+            new SelectedItem() { Text=Localizer["Item1"], Value="0"},
+            new SelectedItem() { Text=Localizer["Item2"], Value="1"},
+            new SelectedItem() { Text=Localizer["Item3"], Value="2"},
+        ];
+
         Foos =
         [
             new SelectedItem{ Text=Localizer["Item1"], Value="0"},