sfMenu equivelant to NavigationManager.NavigateTo forcereload=true

[Michael Aston]

I'm trying to reload the current URL/Page through the an SfMenu item but the page does not reload as the current and new URL are the same. WithNavigationManager.NavigateTo you can set the forcereload flag to true to resolve this situation. Is there anequivalent for SfMenu?

[Gayathri KarunaiAnandam]

Hi Michael, 

We have checked your reported query. We can achieve your requirement by using NavigationManager.NavigateTo with force reload parameter as true on ItemSelected event of MenuBar. Please check the below code snippet. 

@using Syncfusion.Blazor.Navigations  

@inject NavigationManager NavigationManager  

  

<SfMenu TValue="MenuItem">  

    <MenuItems>  

        <MenuItem Text="Appliances">  

            <MenuItems>  

                <MenuItem Text="Washing Machine"></MenuItem>  

                <MenuItem Text="Air Conditioners"></MenuItem>  

            </MenuItems>  

        </MenuItem>  

        <MenuItem Text="Entertainment">  

            <MenuItems>  

                <MenuItem Text="Home Theatres"></MenuItem>  

                <MenuItem Text="Gaming Laptops"></MenuItem>  

            </MenuItems>  

        </MenuItem>  

        <MenuItem Text="Home"></MenuItem>  

    </MenuItems>  

    <MenuEvents TValue="MenuItem" ItemSelected="Selected"></MenuEvents>  

</SfMenu>  

@code{  

    public string ItemSelected;  

    public void Selected(MenuEventArgs<MenuItem> args)  

    {  

        string Url = "";  

        if (args.Item.Text == "Washing Machine")  

            Url = "/washingmachine/";  

        if (args.Item.Text == "Home")  

            Url = "/";  

        if (args.Item.Text == "Air Conditioners")  

            Url = "/airconditioner/";  

        

        NavigationManager.NavigateTo(Url, true);  

    }  

} 

  

Sample: https://www.syncfusion.com/downloads/support/forum/166031/ze/ClientBlazor5.01279267716 

Demo Link: https://blazor.syncfusion.com/demos/menu-bar/default-functionalities?theme=bootstrap4 

Documentation: https://blazor.syncfusion.com/documentation/menu-bar/getting-started/ 

Please get back to us, if you need further assistance. 

Regards, 

Gayathri K