DxDropDownBase<T, JSProxyType>.DropDownVisible Property

Specifies the current state (displayed/hidden) of a drop-down window.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public bool DropDownVisible { get; set; }

Property Value

Type	Default	Description
Boolean	true	true, if the drop-down window is displayed; otherwise, false.

Remarks

Use the DropDownVisible property to show/hide the editor’s drop-down window. To respond to the property change, handle the DropDownVisibleChanged event.

<DxTagBox Data="@Cities" 
          @bind-Values="@Values"
          DropDownVisible="@DropDownVisible"
          DropDownVisibleChanged="@((value) => OnDropDownVisibleChanges(value))" />

@code {
    DxTagBox<string,string> MyTagBox { get; set; }

    IEnumerable<string> Cities = new List<string>() {
        "London",
        "Berlin",
        "Paris",
    };

    IEnumerable<string> Values { get; set; }

    bool DropDownVisible = true;

    void OnDropDownVisibleChanges(bool value) {
        DropDownVisible = value;
        // ...
    }
}

To display the editor’s drop-down window from code, you can also call the ShowDropDown() method.