DropDownMenuItem @onclick event does not fire.

The @onclick event the DropDownMenuItem does not fire.  Please try the code below yourself.  Thanks.


@page "/DropDownButtonTestPage"

@using Syncfusion.Blazor.SplitButtons


<SfDropDownButton Content="Button Click Test">

    <DropDownMenuItems>

        <DropDownMenuItem @onclick="Button1Click" Text="Button 1"></DropDownMenuItem>

        <DropDownMenuItem @onclick="Button2Click" Text="Button 2"></DropDownMenuItem>

    </DropDownMenuItems>

</SfDropDownButton>


@code {

    private void Button1Click()

    {

        Console.WriteLine("Button 1 Clicked");

    }


    private void Button2Click()

    {

        Console.WriteLine("Button 2 Clicked");

    }

}


1 Reply

YA YuvanShankar Arunagiri Syncfusion Team May 27, 2022 06:39 AM UTC

Hi Thomas,


We have validated your reported issue and prepared sample based on your requirement. Please refer the below code snippet. We can achieve your requirement by using ItemSelected event of the dropdown button.


[Index.razor]:


@using Syncfusion.Blazor.SplitButtons

 

<SfDropDownButton Content="Button Click Test">

    <DropDownButtonEvents ItemSelected="ItemSelected">

    </DropDownButtonEvents>

        <DropDownMenuItems>

            <DropDownMenuItem Text="Button 1"></DropDownMenuItem>

            <DropDownMenuItem Text="Button 2"></DropDownMenuItem>

        </DropDownMenuItems>

</SfDropDownButton>

 

 

 

@code {

    private void ItemSelected(MenuEventArgs args)

    {

        var Selected_item = args.Item.Text;

    }

 

}


Could you please check the above code and get back to us, if you need any further assistance on this. 


Regards,

YuvanShankar A


Loader.
Up arrow icon