Add call js for adding tooltip and popup after selecting tab (#318)

ix-ax · Jun 11, 2024 · 0ed2b81 · 0ed2b81
1 parent d174d3b
commit 0ed2b81
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/...or/src/AXSharp.Presentation.Blazor.Controls/Layouts/TabControlComponents/TabControl.razor b/...or/src/AXSharp.Presentation.Blazor.Controls/Layouts/TabControlComponents/TabControl.razor
@@ -1,11 +1,14 @@
-<CascadingValue Value="this">
+@using Microsoft.JSInterop
+@inject IJSRuntime JSRuntime
+
+<CascadingValue Value="this">
     <ul class="nav nav-tabs mb-3">
         @foreach (TabPage tabPage in Pages)
         {
         <li class="nav-item">
             <button type="button"
                     class="@GetButtonClass(tabPage)"
-                    @onclick=@( () => ActivatePage(tabPage) )>
+                    @onclick=@( () => ActivatePageAsync(tabPage) )>
                 <b> @tabPage.Text</b>
             </button>
         </li>
@@ -35,8 +38,11 @@
         return page == ActivePage ? "nav-link active" : "nav-link";
     }
 
-    void ActivatePage(TabPage page)
+    async Task ActivatePageAsync(TabPage page)
     {
         ActivePage = page;
+
+        var module = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "/js/addToolTipsAndPopOvers.js");
+        await module.InvokeVoidAsync("addToolTipsAndPopOvers");
     }
 }