Snippets for navigation in Blazor using SyncFusion

navigation-blazor-syncfusion

/*NAVIGATION BETWEEN PAGES*/
/*Navigation to Razor pages from SyncFussion buttons*/
@inject NavigationManager NavigationManager
<SfButton Content="To CsHtml page from Sf Button" OnClick="@(() = NavigateToRazorPage("/REPLACEWITHCSHTMLPAGE"))"></SfButton>

@code{
async Task NavigateToRazorPage(string page) {
  NavigationManager.NavigateTo(page);
}
}

/*Workaround for navigation to CsHtml pages from SyncFussion buttons*/

@inject IJSRuntime JSRuntime
<SfButton Content="To CsHtml page from Sf Button" OnClick="@(() = NavigateToCsHtmlPage("/REPLACEWITHCSHTMLPAGE"))"></SfButton>

@code{
async Task NavigateToCsHtmlPage(string page) {
  await JSRuntime.InvokeAsync<object>("open",page,"_self") //also valid with other a[target] values
}
}