doc: 增加右键菜单刷新示例

Author: ArgoZhang

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

@@ -501,6 +501,7 @@ private void Navigation()
         <Tab IsCard="true" ShowClose="true" TabStyle="TabStyle.Chrome" ShowToolbar="true" @ref="_tab">
             <TabItem Text="@Localizer["TabItem1Text"]" Icon="fa-solid fa-user">
                 <div>@Localizer["TabItem1Content"]</div>
+                <Counter></Counter>
             </TabItem>
             <TabItem Text="@Localizer["TabItem2Text"]" Icon="fa-solid fa-gauge-high">
                 <div>@Localizer["TabItem2Content"]</div>
@@ -513,6 +514,8 @@ private void Navigation()
             </TabItem>
         </Tab>
         <ContextMenu>
+            <ContextMenuItem Icon="fa-solid fa-rotate-right" Text="@Localizer["ContextRefresh"]" OnClick="OnRefrsh"></ContextMenuItem>
+            <ContextMenuDivider></ContextMenuDivider>
             <ContextMenuItem Icon="fa-solid fa-xmark" Text="@Localizer["ContextClose"]" OnClick="OnClose"></ContextMenuItem>
             <ContextMenuItem Icon="fa-solid fa-left-right" Text="@Localizer["ContextCloseOther"]" OnClick="OnCloseOther"></ContextMenuItem>
             <ContextMenuItem Icon="fa-solid fa-arrows-left-right-to-line" Text="@Localizer["ContextCloseAll"]" OnClick="OnCloseAll"></ContextMenuItem>

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

@@ -174,6 +174,15 @@ private Task OnSetTitle(string text)
     [NotNull]
     private Tab? _tab = null;
 
+    private Task OnRefrsh(ContextMenuItem item, object? context)
+    {
+        if (context is TabItem tabItem)
+        {
+            _tab.Refresh(tabItem);
+        }
+        return Task.CompletedTask;
+    }
+
     private async Task OnClose(ContextMenuItem item, object? context)
     {
         if (context is TabItem tabItem)

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

@@ -2133,6 +2133,7 @@
     "AttributeFullscreenToolbarButtonIcon": "Toolbar full screen button icon",
     "TabsToolbarDesc": "After clicking the button, the counter value increases, and clicking the <b>Refresh</b> button on the toolbar will reset the counter.",
     "AttributeOnToolbarRefreshCallback": "Click the toolbar refresh button callback method",
+    "ContextRefresh": "Refresh",
     "ContextClose": "Close",
     "ContextCloseOther": "Close Other Tabs",
     "ContextCloseAll": "Close All Tabs",

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

@@ -2133,6 +2133,7 @@
     "AttributeFullscreenToolbarButtonIcon": "工具栏全屏按钮图标",
     "TabsToolbarDesc": "点击按钮计数器数值增加后，点击工具栏的 <b>刷新</b> 按钮计数器清零",
     "AttributeOnToolbarRefreshCallback": "点击工具栏刷新按钮回调方法",
+    "ContextRefresh": "刷新",
     "ContextClose": "关闭",
     "ContextCloseOther": "关闭其他",
     "ContextCloseAll": "关闭全部",