DxRibbonApplicationTab.Click Event

Fires when a user clicks the application tab.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Event Data

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

Property	Description
Element	Returns information about a clicked Ribbon element. Inherited from RibbonElementClickEventArgs.
MouseEventArgs	The Blazor’s built-in MouseEventArgs event arguments. Inherited from RibbonElementClickEventArgs.
Tab	Returns information about the clicked application tab.

Remarks

Handle the Click event to respond to an application tab click.

<DxDrawer @bind-IsOpen="IsFileMenuOpen" PanelWidth="100px" >
    <BodyTemplate>
        <DxMenu Orientation="Orientation.Vertical">
            <Items>
                <DxMenuItem Text="🢀" Click="@(() => IsFileMenuOpen = false)" />
                <DxMenuItem Text="New" Click="@(() => ClickNew())"/>
                <DxMenuItem Text="Open" Click="@(() => ClickOpen())"/>
                <DxMenuItem Text="Save as" Click="@(() => ClickSaveAs())"/>
                <DxMenuItem Text="Contacts" Click="@(() => ClickContacts())"/>
                <DxMenuItem Text="About" Click="@(() => ClickAbout())"/>
            </Items>
        </DxMenu>
    </BodyTemplate>
    <TargetContent>
        <DxRibbon >
            <DxRibbonApplicationTab Text="File" Click="@(() => IsFileMenuOpen = true)" />
            <DxRibbonTab Text="Home">...</DxRibbonTab>
            <DxRibbonTab Text="Insert">...</DxRibbonTab>
        </DxRibbon>
    </TargetContent>
</DxDrawer>

@code {
    bool IsFileMenuOpen { get; set; } = false;
}

Alternatively, you can handle the DxRibbon.ApplicationTabClick event.