Merge pull request #6479 from syncfusion-content/967538-hyper1hotfix2

967538: Resolve the Exception Occurred While Running HyperlinkCellClicked Event UG Sample

Author: ManiRam94

blazor/pivot-table/hyper-link.md

@@ -384,6 +384,7 @@ It has following parameters - [Cancel](https://help.syncfusion.com/cr/blazor/Syn
 
 ```cshtml
 @using Syncfusion.Blazor.PivotView
+@inject IJSRuntime JSRuntime
 
 <SfPivotView TValue="ProductDetails" ShowFieldList="true">
     <PivotViewDataSourceSettings DataSource="@data">
@@ -404,6 +405,25 @@ It has following parameters - [Cancel](https://help.syncfusion.com/cr/blazor/Syn
     <PivotViewEvents TValue="ProductDetails"  HyperlinkCellClicked="hyperlink"></PivotViewEvents>
 </SfPivotView>
 
+<script type="text/javascript">
+function navigateFromPivotCellCoordinates(rowIndex, colIndex, baseUrl) {
+    const element = document.querySelector('[index="' + rowIndex + '"][aria-colindex="' + (colIndex + 1) + '"]');
+    const cellcontent =  element.innerText;
+    if (element && element.classList.contains('e-rowsheader') && cellcontent != "Grand Total")
+    {
+        const finalUrl = `${baseUrl}${encodeURIComponent(cellcontent)}`;
+        console.log(`Navigating from DOM element at [${rowIndex}, ${colIndex}] to: ${finalUrl}`);
+        window.location.href = finalUrl;
+    }
+    else
+    {
+        const finalUrl = "https://syncfusion.com/";
+        console.log(`Navigating from DOM element at [${rowIndex}, ${colIndex}] to: ${finalUrl}`);
+        window.location.href = finalUrl;
+    }
+}
+</script>
+
 <style>
 .e-custom-class,.e-custom-class:hover {
     text-decoration: underline !important;
@@ -420,11 +440,14 @@ It has following parameters - [Cancel](https://help.syncfusion.com/cr/blazor/Syn
         this.data = ProductDetails.GetProductData().ToList();
         //Bind the data source collection here. Refer "Assigning sample data to the pivot table" section in getting started for more details.
     }
-    public void hyperlink(HyperCellClickEventArgs args)
+    public async Task OnHyperLinkClick(HyperCellClickEventArgs args)
     {
-        args.CurrentCell.SetAttribute("data-url", "https://syncfusion.com/");//here we have redirected to Syncfusion on hyperlinkcell click
+       	int row= (args.Data as AxisSet).RowIndex;
+       	int col= (args.Data as AxisSet).ColIndex;
+       	string baseUrl = "https://en.wikipedia.org/wiki/";
+       	await JSRuntime.InvokeVoidAsync("navigateFromPivotCellCoordinates", row, col, baseUrl);
     }
 }
 ```
 
-N> Refer to the [Blazor Pivot Table](https://www.syncfusion.com/blazor-components/blazor-pivot-table) feature tour page for its groundbreaking feature representations. You can also explore the [Blazor Pivot Table example](https://blazor.syncfusion.com/demos/pivot-table/default-functionalities?theme=bootstrap5) to know how to render and configure the pivot table.
+N> Refer to the [Blazor Pivot Table](https://www.syncfusion.com/blazor-components/blazor-pivot-table) feature tour page for its groundbreaking feature representations. You can also explore the [Blazor Pivot Table example](https://blazor.syncfusion.com/demos/pivot-table/default-functionalities?theme=bootstrap5) to know how to render and configure the pivot table.