Capture click event for DropDownItem

[Mason Channer]

How do I capture the click event for a DropDownMenuItem item?

        <SfButtonGroup Mode="Syncfusion.Blazor.SplitButtons.SelectionMode.Single" HtmlAttributes="htmlAttributes">

            <SfDropDownButton Content="My Account">

                <DropDownMenuItems>

                    <DropDownMenuItem @onclick="BeginSignOut">

                        @*<Syncfusion.Blazor.Buttons.SfButton OnClick="BeginSignOut" Content="Log Out"></Syncfusion.Blazor.Buttons.SfButton>*@

                    </DropDownMenuItem>

                    <DropDownMenuItem Url="Identity/Account/Manage" Text="User Settings"></DropDownMenuItem>

                    <AuthorizeView Context="AdministratorContext" Roles="Administrator">

                        <DropDownMenuItem Url="administrator" Text="Admin Dashboard"></DropDownMenuItem>

                    </AuthorizeView>

                    <AuthorizeView Context="DistributorContext" Roles="Administrator,Distributor">

                        <DropDownMenuItem Url="distributor-access" Text="Distributor Access"></DropDownMenuItem>

                    </AuthorizeView>

                </DropDownMenuItems>

            </SfDropDownButton>

        </SfButtonGroup>

[Gayathri KarunaiAnandam]

Hi Mason, 

We have checked your reported query. We would like to let you know that we can achieve your requirement by using the  ItemSelected event for DropdownButton component. ItemSelected event triggers when an item is selected. Please check the below code snippet. 

Code Snippet: 

<SfButtonGroup Mode="Syncfusion.Blazor.SplitButtons.SelectionMode.Single" > 

 

            <SfDropDownButton Content="My Account"> 

                 <DropDownButtonEvents  ItemSelected="BeginSignOut"> 

    </DropDownButtonEvents> 

 

                <DropDownMenuItems> 

 

                    <DropDownMenuItem > 

 

                    </DropDownMenuItem> 

 

                    <DropDownMenuItem Url="Identity/Account/Manage" Text="User Settings"></DropDownMenuItem> 

 

                        <DropDownMenuItem Url="administrator" Text="Admin Dashboard"></DropDownMenuItem> 

                       <DropDownMenuItem Url="distributor-access" Text="Distributor Access"></DropDownMenuItem> 

 

                  

                </DropDownMenuItems> 

 

            </SfDropDownButton> 

 

        </SfButtonGroup> 

 

        @code{ 

    public void BeginSignOut() 

    { 

        //Your code here 

    } 

        } 

For your reference, please check the below sample link. 

Sample: https://www.syncfusion.com/downloads/support/forum/170266/ze/btngrp_drop-1069149737 

To know more about DropdownButton, please check the below link. 

Documentation: https://blazor.syncfusion.com/documentation/drop-down-menu/native-event#list-of-events-supported 

Please check the above links and get back to us, if you need further assistance. 

Regards, 

Gayathri K