doc: 增加 ItemsTemplate 示例

Author: ArgoZhang

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

@@ -43,17 +43,17 @@
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["DropdownItemsTemplateTitle"]" Introduction="@Localizer["DropdownItemsTemplateIntro"]"
-           Name="ItemTemplate">
-    <Dropdown TValue="string" Items="ItemTemplateList">
+           Name="ItemsTemplate">
+    <Dropdown TValue="string" IsFixedButtonText="true" FixedButtonText="More" Icon="fa solid fa-ellipsis">
         <ItemsTemplate>
-            <DropdownItem Text="Copy" Icon="fa-solid fa-copy"></DropdownItem>
-            <DropdownItem Text="Paste" Icon="fa-solid fa-paste"></DropdownItem>
+            <DropdownItem Text="Copy" Icon="fa-solid fa-copy" OnClick="@(() => OnClickAction("Copy"))"></DropdownItem>
+            <DropdownItem Text="Paste" Icon="fa-solid fa-paste" OnClick="@(() => OnClickAction("Paste"))"></DropdownItem>
             <DropdownDivider></DropdownDivider>
-            <DropdownItem Text="Action1" Icon="fa-solid fa-flag"></DropdownItem>
+            <DropdownItem Text="Action1" Icon="fa-solid fa-flag" OnClick="@(() => OnClickAction("Action1"))"></DropdownItem>
             <DropdownItem>
                 <Tooltip Title="just a tooltip text demo" Trigger="hover">
                     <span class="fa-solid fa-flag"></span>
-                    <div class="ms-2 flex-fill">Action2</div>
+                    <div class="ms-2 flex-fill" @onclick="@(() => OnClickAction("Action2"))">Action2</div>
                 </Tooltip>
             </DropdownItem>
         </ItemsTemplate>

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

@@ -163,6 +163,8 @@ private async Task OnIsAsyncClick()
         await ToastService.Success("Dropdown IsAsync", "Job done!");
     }
 
+    private Task OnClickAction(string actionName) => ToastService.Information("Custom Action", $"Trigger {actionName}");
+
     /// <summary>
     /// GetAttributes
     /// </summary>