doc: 更新示例代码

Author: ArgoZhang

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

@@ -97,12 +97,10 @@
             <li>@((MarkupString)Localizer["TooltipsManualDescLI2"].Value)</li>
         </ul>
     </section>
-    <Tooltip Title="Cascading tooltip" Trigger="manual">
+    <Tooltip Title="Manual trigger tooltip" Trigger="manual" @ref="_tooltip">
         <TooltipContent></TooltipContent>
     </Tooltip>
-    <Tooltip Title="OnClick tooltip" Trigger="manual" OnClick="ToggleShow">
-        <i class="fa-solid fa-flag" style="cursor: pointer;" />
-    </Tooltip>
+    <Button Text="Tigger" OnClickWithoutRender="ToggleShow"></Button>
 </DemoBlock>
 
 <AttributeTable Items="@GetAttributes()" />

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

@@ -20,7 +20,15 @@ public partial class Tooltips
 
     private static string HtmlString => "This is <a href=\"www.blazor.zone\">Blazor</a> tooltip";
 
-    private static Task ToggleShow(IToggle toggle) => toggle.Toggle();
+    private Tooltip? _tooltip;
+
+    private async Task ToggleShow()
+    {
+        if (_tooltip != null)
+        {
+            await _tooltip.Toggle();
+        }
+    }
 
     /// <summary>
     /// 获得属性方法

src/BootstrapBlazor.Server/Locales/en-US.json

@@ -112,7 +112,7 @@
     "TooltipsManualTitle": "Manual",
     "TooltipsManualIntro": "Use code to control the tooltip state by setting <code>Trigger=\"manual\"</code>",
     "TooltipsManualDescLI1": "The child component uses the cascade parameters to get the <code>Tooltip</code> instance and then calls its methods <code>Show</code> <code>Hide</code> <code>Toggle</code>",
-    "TooltipsManualDescLI2": "Call its method in the callback through the <code>Tooltip</code> parameter <code>OnClick</code>"
+    "TooltipsManualDescLI2": "Get the Tooltip instance through <code>@ref</code> and call its instances method"
   },
   "BootstrapBlazor.Server.Components.Samples.Toasts": {
     "ToastsTitle": "Toast Lightweight Popup",

src/BootstrapBlazor.Server/Locales/zh-CN.json

@@ -112,7 +112,7 @@
     "TooltipsManualTitle": "手动控制状态",
     "TooltipsManualIntro": "通过设置 <code>Trigger=\"manual\"</code> 使用代码控制提示栏状态",
     "TooltipsManualDescLI1": "子组件使用级联参数得到 <code>Tooltip</code> 实例，然后调用其相应方法 <code>Show</code> <code>Hide</code> <code>Toggle</code>",
-    "TooltipsManualDescLI2": "通过 <code>Tooltip</code> 参数 <code>OnClick</code> 在回调中调用其对应方法"
+    "TooltipsManualDescLI2": "通过 <code>@ref</code> 获得 <code>Tooltip</code> 实例，调用其对应方法"
   },
   "BootstrapBlazor.Server.Components.Samples.Toasts": {
     "ToastsTitle": "Toast 轻量弹窗",