Back to Devexpress

DxRibbonTab.Click Event

blazor-devexpress-dot-blazor-dot-dxribbontab-a3925330.md

latest2.3 KB
Original Source

DxRibbonTab.Click Event

Fires when a user clicks the Ribbon tab.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Event Data

The Click 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

Use the Click event to react to click on the specific Ribbon tab.

razor
<DxRibbon>
    <DxRibbonTab Text="Home"
                 Click="OnClick" />
    <DxRibbonTab Text="Insert" />
</DxRibbon>

<p>You clicked the tab: @ClickedTabText</p>

@code {
    string ClickedTabText = "";

    void OnClick(RibbonTabClickEventArgs args)
    {
        ClickedTabText = args.Tab.Text;
    }
}

Note

This event only applies to common tabs. To handle clicks on the application tab, use the DxRibbonApplicationTab.Click event.

Alternatively, handle the DxRibbon.TabClick event.

See Also

DxRibbonTab Class

DxRibbonTab Members

DevExpress.Blazor Namespace