DxRibbon.NodeEvent Event

Fires when a user interacts with a Ribbon element (for instance, clicks or focuses it).

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public EventCallback<RibbonNodeEventArgs> NodeEvent { get; set; }

Event Data

The NodeEvent event's data class is DevExpress.Blazor.Ribbon.Internal.RibbonNodeEventArgs.

Remarks

Listen to NodeEvent to implement a centralized Ribbon event handler. NodeEvent fires when a user interacts with any Ribbon element: clicks, focuses, selects a value, and performs other actions. Supported interactions depend on the element type.

The following code snippet uses the NodeEvent to handle interactions with all Ribbon tabs without dedicated event listeners:

@using DevExpress.Blazor.Ribbon.Internal

<DxRibbon NodeEvent="OnNodeEvent">
    <DxRibbonApplicationTab Text="File">
        <!-- ... -->
    </DxRibbonApplicationTab>
    <DxRibbonTab Text="Home">
        <!-- ... -->
    </DxRibbonTab>
    <DxRibbonTab Text="Insert">
        <!-- ... -->
    </DxRibbonTab>
</DxRibbon>

<p>@Notification</p>

@code {
    string Notification = "Click any tab";

    private void OnNodeEvent(RibbonNodeEventArgs args)
    {
        if(args is RibbonApplicationTabClickEventArgs applicationTabArgs) {
            Notification = $@"You selected application tab";
        }
        else if(args is RibbonTabClickEventArgs tabArgs) {
            Notification = $@"You selected ""{tabArgs.Tab.Text}"" tab";
        }
    }
}