DxRibbon.ActiveTabIndexChanged Event

Fires when a user switches the Ribbon tab.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public EventCallback<int> ActiveTabIndexChanged { get; set; }

Parameters

Type	Description
Int32	A zero-based index of the Ribbon tab.

Remarks

Use the ActiveTabIndexChanged event to handle the active tab change.

<DxRibbon ActiveTabIndexChanged="OnActiveTabIndexChanged">
    <DxRibbonTab Text="Home">
        <DxRibbonGroup Text="File">
            <DxRibbonItem Text="New" IconCssClass="dx-icon-file" />
            <DxRibbonItem Text="Save" IconCssClass="dx-icon-save" />
        </DxRibbonGroup>
        <DxRibbonGroup Text="Clipboard">
            <DxRibbonItem Text="Cut" IconCssClass="dx-icon-cut" />
            <DxRibbonItem Text="Copy" IconCssClass="dx-icon-copy" />
            <DxRibbonItem Text="Paste" IconCssClass="dx-icon-paste" />
        </DxRibbonGroup>
    </DxRibbonTab>
    <DxRibbonTab Text="Format">
        <DxRibbonGroup Text="Align">
            <DxRibbonItem Text="Left" IconCssClass="dx-icon-alignleft" />
            <DxRibbonItem Text="Center" IconCssClass="dx-icon-aligncenter" />
            <DxRibbonItem Text="Right" IconCssClass="dx-icon-alignright" />
        </DxRibbonGroup>
    </DxRibbonTab>
</DxRibbon>

<p>You selected tab #@ActiveTabIndex.</p>

@code {
    int ActiveTabIndex=1;

    void OnActiveTabIndexChanged(int index)
    {
        ActiveTabIndex = index+1;
    }
}

Implements

ActiveTabIndexChanged