DxTabBase.Click Event

Fires when a user clicks the tab.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[Parameter]
public EventCallback<TabClickEventArgs> Click { get; set; }

Event Data

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

Property	Description
MouseEventArgs	The Blazor’s built-in MouseEventArgs event arguments.
TabIndex	Gets the clicked tab’s index.
TabInfo	Returns information about a tab related to the event.

Remarks

Use the Click event to specify individual click handlers for tabs. You can also use the DxTabs.TabClick event to specify a common click handler for all tabs.

razor

<DxTabs>
    <DxTab Text="Home" Click="OnTabClick"></DxTab>
    <DxTab Text="Products"></DxTab>
    <DxTab Text="Support"></DxTab>
</DxTabs>

@Alert

@code {
    public string Alert { get; set; } = "";

    void OnTabClick(TabClickEventArgs e) {
        Alert = $"`Home` tab has been clicked";
    }
}