Back to Devexpress

DxTabs.ActiveTabIndexChanged Event

blazor-devexpress-dot-blazor-dot-dxtabs-837b0ce5.md

latest1.5 KB
Original Source

DxTabs.ActiveTabIndexChanged Event

Fires when the active tab is changed.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[Parameter]
public EventCallback<int> ActiveTabIndexChanged { get; set; }

Parameters

TypeDescription
Int32

An integer value that specifies the new active tab’s zero-based index.

|

Remarks

The ActiveTabIndexChanged event allows you to handle the active tab change.

The following code snippet handles the ActiveTabIndexChanged event:

razor
<DxTabs ActiveTabIndex="@ActiveTabIndex" ActiveTabIndexChanged=@OnActiveTabIndexChanged>
    <DxTab Text="Home"></DxTab>
    <DxTab Text="Products"></DxTab>
    <DxTab Text="Support"></DxTab>
</DxTabs>

Current active index: @ActiveTabIndex

@code {
    int ActiveTabIndex;
    void OnActiveTabIndexChanged(int index) {
        ActiveTabIndex = index;
    }
}

Run Demo: Tabs - Active Tab

See Also

DxTabs Class

DxTabs Members

DevExpress.Blazor Namespace