DxFormLayoutTabPages.ActiveTabIndexChanged Event

Occurs when the active tabbed layout item is changed.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Parameters

Type	Description
Int32	The index of the newly selected item.

Remarks

Use the ActiveTabIndexChanged event to respond to a change of the active tabbed layout item’s index.

<DxFormLayout>
    <DxFormLayoutTabPages ActiveTabIndex="@ActiveTabIndex" ActiveTabIndexChanged="OnActiveTabIndexChanged">
        <DxFormLayoutTabPage Caption="Personal Information">
            @* ... *@
        </DxFormLayoutTabPage>
        <DxFormLayoutTabPage Caption="Work Information">
            @* ... *@
        </DxFormLayoutTabPage>
    </DxFormLayoutTabPages>
</DxFormLayout>

@code {
    int ActiveTabIndex { get; set; } = 1;
    void OnActiveTabIndexChanged(int activeTabIndex) {
        ActiveTabIndex = activeTabIndex;
    }
}

Run Demo: Form Layout - Tabbed Groups