Back to Devexpress

DxRibbon.TabClick Event

blazor-devexpress-dot-blazor-dot-dxribbon-23181bb4.md

latest2.5 KB
Original Source

DxRibbon.TabClick Event

Fires when a user clicks a Ribbon tab caption.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Event Data

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

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

Remarks

Handle the TabClick event to perform custom actions when a user clicks a caption of any Ribbon tab, except for the application tab. To handle application tab clicks, use the ApplicationTabClick event.

razor
<DxRibbon TabClick="OnTabClick">
    <DxRibbonTab Text="Home"></DxRibbonTab>
    <DxRibbonTab Text="Insert"></DxRibbonTab>
    <DxRibbonTab Text="Review"></DxRibbonTab>
</DxRibbon>

<p>@Notification</p>

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

    void OnTabClick(RibbonTabClickEventArgs args)
    {
        Notification = $@"You selected ""{args.Tab.Text}"" tab";
    }
}

If you prefer to attach a listener directly to each tab, use the Click event.

Implements

TabClick

See Also

DxRibbon Class

DxRibbon Members

DevExpress.Blazor Namespace