toolbar item onclick

[kevin vickers]

not one of the demos, examples or documentation items show how to set the onclick of a toolbaritem ... 

if its @onclick(nameofcodebehindprivatevoid) what args are sent thro ?

[Praveenkumar Narasimhanaidu]

Hi Kevin, 

Greetings from Syncfusion support..! 

We have validated your requirement and let you know that currently there is no native @onclick support in toolbar component but we have our own OnClick event for toolbar items click action. We can pass ClickEventArgs in it and for the same we have prepared a sample which can be downloaded from following link. 

Sample: https://www.syncfusion.com/downloads/support/directtrac/162796/ze/Toolbar-onclick687441335 

@using Syncfusion.Blazor.Navigations 

<SfToolbar> 

    <ToolbarItems> 

        <ToolbarItem Text="Cut" OnClick="ItemClick"></ToolbarItem> 

        <ToolbarItem Text="Copy"></ToolbarItem> 

        <ToolbarItem Text="Paste"></ToolbarItem> 

        //To separate the Toolbar items 

        <ToolbarItem></ToolbarItem> 

        <ToolbarItem Text="Bold"></ToolbarItem> 

        <ToolbarItem Text="Unde rline"></ToolbarItem> 

        <ToolbarItem Text="Italic"></ToolbarItem> 

        <ToolbarItem Text="Color-Picker"></ToolbarItem> 

    </ToolbarItems> 

</SfToolbar> 

@code{ 

    public void ItemClick(ClickEventArgs args) 

    { 

        // Triggers whenever the toolbar item has been clicked 

    } 

} 

We have showcase this click action in our following UG. 

UG: https://blazor.syncfusion.com/documentation/toolbar/how-to/enable-or-disable-toolbar-item/ 

Kindly try the above solution and get back to us if you need any further assistance. 

Regards, 

Praveenkumar. 

[kevin vickers]

hey thanks 

i note that your example here is ...

 OnClick="OnItemClick"

but in the sample .. 

 OnClick="@OnItemClick"

[Nevitha Ravi]

Hi Kevin, 

Thanks for your update. 

There is no major difference in using @ and not using it, mostly we will use @ in lamda expressions. So you can use without using @ as in the shared code snippet. Please refer to the following links. 

https://docs.microsoft.com/en-us/aspnet/core/blazor/components/event-handling?view=aspnetcore-5.0 

https://docs.microsoft.com/en-us/aspnet/core/mvc/views/razor?view=aspnetcore-5.0#razor-syntax 

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

Regards, 

Nevitha