Back to Devexpress

DxDropDownButtonBase.DropDownVisibleChanged Event

blazor-devexpress-dot-blazor-dot-dxdropdownbuttonbase-3c1e42b9.md

latest2.6 KB
Original Source

DxDropDownButtonBase.DropDownVisibleChanged Event

Fires when the visibility of the target element’s drop-down menu/window is changed.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[Parameter]
public EventCallback<bool> DropDownVisibleChanged { get; set; }

Parameters

TypeDescription
Boolean

A new value of the DropDownVisible property.

|

Remarks

Handle the DropDownVisibleChanged event to respond to the DropDownVisible property change.

The following components raise the DropDownVisibleChanged event:

DxDropDownButtonA toggleable button that reveals a drop-down element with a list of commands or custom content.DxSplitButtonA composite control that consists of a primary button and a toggleable secondary button that reveals a drop-down element.DxDropDownButtonItemDefines a drop-down list item. Used in DxDropDownButton or DxSplitButton.

Example

The following code snippet displays the current visibility state of the DxDropDownButton component’ drop-down menu:

razor
<p>Is menu expanded - @IsDropDownVisible</p>

<DxDropDownButton Text="Blazor Components"
                  RenderStyleMode="ButtonRenderStyleMode.Outline"
                  DropDownVisible="@IsDropDownVisible"
                  DropDownVisibleChanged="OnDropDownVisibleChanged">
    <Items>
        <DxDropDownButtonItem Text="Documentation"
                              NavigateUrl="https://docs.devexpress.com/Blazor/400725/blazor-components" />
        <DxDropDownButtonItem Text="Demos"
                              NavigateUrl="https://demos.devexpress.com/blazor/" />
    </Items>
</DxDropDownButton>

@code {
    bool IsDropDownVisible = false;

    void OnDropDownVisibleChanged(bool isVisible) {
        IsDropDownVisible = isVisible;
    }
}

See Also

DxDropDownButtonBase Class

DxDropDownButtonBase Members

DevExpress.Blazor Namespace