Back to Devexpress

DxRibbon.ApplicationTabItemClick Event

blazor-devexpress-dot-blazor-dot-dxribbon-84e4d638.md

latest2.9 KB
Original Source

DxRibbon.ApplicationTabItemClick Event

Fires when a user clicks the application tab’s item.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[DefaultValue(null)]
[Parameter]
public EventCallback<RibbonApplicationTabItemClickEventArgs> ApplicationTabItemClick { get; set; }

Event Data

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

PropertyDescription
ElementReturns information about a clicked Ribbon element. Inherited from RibbonElementClickEventArgs.
ItemReturns information about the clicked application tab item.
MouseEventArgsThe Blazor’s built-in MouseEventArgs event arguments. Inherited from RibbonElementClickEventArgs.

Remarks

Handle the ApplicationTabItemClick event to perform custom actions when a user clicks any item in the application tab.

razor
<DxRibbon ApplicationTabItemClick="OnApplicationTabItemClick">
    <DxRibbonApplicationTab Text="File">
        <DxRibbonApplicationTabItem Text="New" />
        <DxRibbonApplicationTabItem Text="Open" />
        <DxRibbonApplicationTabItem Text="Save" />
    </DxRibbonApplicationTab>
    <DxRibbonTab Text="Home">
        <DxRibbonGroup Text="Style">
            <DxRibbonItem Text="Font" />
        </DxRibbonGroup>
    </DxRibbonTab>
</DxRibbon>

<p>@Notification</p>

@code {
    string Notification = "Click the application tab item";

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

If you prefer to attach listeners directly to each item, use the Click event.

Implements

ApplicationTabItemClick

See Also

DxRibbon Class

DxRibbon Members

DevExpress.Blazor Namespace