Events in Blazor SplitButton Component

4 Nov 20252 minutes to read

Handle Split Button events by defining handlers in the SplitButtonEvents tag. The assigned method names act as event handlers, and event-specific data is provided through strongly typed event argument classes.

List of events supported

The Split Button component supports the following events and corresponding event argument types:

• Created - Initializes after the component is created.
• Clicked - Raised when the primary button is clicked. Argument type: Syncfusion.Blazor.SplitButtons.ClickEventArgs
• OnOpen - Raised before the popup opens. Argument type: BeforeOpenCloseMenuEventArgs
• Opened - Raised after the popup opens. Argument type: OpenCloseMenuEventArgs
• ItemSelected - Raised when a menu item is selected. Argument type: MenuEventArgs
• OnClose – Raised before the popup closes. Argument type: BeforeOpenCloseMenuEventArgs
• OnItemRender – Raised while rendering each menu item. Argument type: MenuEventArgs
• Closed – Raised after the popup closes. Argument type: OpenCloseMenuEventArgs

How to bind event to Split Button

Bind the above events to the Split Button component using the SplitButtonEvents tag, as shown below.

@using Syncfusion.Blazor.SplitButtons

    <SfSplitButton Content="Profile">
        <SplitButtonEvents Created="Created" Clicked="Clicked" OnOpen="OnOpen" Opened="Opened" ItemSelected="ItemSelected" OnClose="OnClose" OnItemRender="ItemRender" Closed="Closed">
        </SplitButtonEvents>
        <DropDownMenuItems>
            <DropDownMenuItem Text="Cut"></DropDownMenuItem>
            <DropDownMenuItem Text="Copy"></DropDownMenuItem>
            <DropDownMenuItem Text="Paste"></DropDownMenuItem>
        </DropDownMenuItems>
    </SfSplitButton>


@code {

    private void Created()
    {

    }

    private void OnOpen(BeforeOpenCloseMenuEventArgs args)
    {

    }

    private void Opened(OpenCloseMenuEventArgs args)
    {

    }

    private void ItemSelected(MenuEventArgs args)
    {

    }

    private void OnClose(BeforeOpenCloseMenuEventArgs args)
    {

    }

    private void ItemRender(MenuEventArgs args)
    {

    }

    private void Closed(OpenCloseMenuEventArgs args)
    {

    }

    private void Clicked(Syncfusion.Blazor.SplitButtons.ClickEventArgs args)
    {

    }
}