DxRibbon.ItemClick Event

Fires when a user clicks a primary or drop-down button in the Ribbon.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Event Data

The ItemClick event's data class is RibbonItemClickEventArgs. The following properties provide information specific to this event:

Property	Description
Element	Returns information about a clicked Ribbon element. Inherited from RibbonElementClickEventArgs.
Item	Returns information about a clicked Ribbon item.
MouseEventArgs	The Blazor’s built-in MouseEventArgs event arguments. Inherited from RibbonElementClickEventArgs.

Remarks

Handle the ItemClick event to perform custom actions when a user clicks a Ribbon button.

<DxRibbon ItemClick="OnItemClick">
    <DxRibbonTab Text="Home">
        <DxRibbonGroup Text="Style">
            <DxRibbonItem Text="Bold" IconCssClass="dx-icon-bold" />
            <DxRibbonItem Text="Italic" IconCssClass="dx-icon-italic" />
            <DxRibbonItem Text="Underline" IconCssClass="dx-icon-underline" />
            <DxRibbonItem Text="Align">
                <DxRibbonItem Text="Left" IconCssClass="dx-icon-alignleft" />
                <DxRibbonItem Text="Center" IconCssClass="dx-icon-aligncenter" />
                <DxRibbonItem Text="Right" IconCssClass="dx-icon-alignright" />
            </DxRibbonItem>
        </DxRibbonGroup>
    </DxRibbonTab>
</DxRibbon>

<p>@Notification</p>

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

    void OnItemClick(RibbonItemClickEventArgs args) {
        Notification = $@"You clicked ""{args.Item.Text}""";
    }
}

Other Ribbon components, such as application tab items, color pickers or combo boxes fire different events, which cannot be handled by the ItemClick event:

• Application tab item click
• Color palette item value change
• Spin editor value change
• Combo box value change

Implements

ItemClick