DxDropDown.IsOpen Property
Specifies whether the drop-down window is open.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
#Declaration
[Parameter]
public bool IsOpen { get; set; }
#Property Value
Type | Description |
---|---|
Boolean |
|
#Remarks
Implement two-way binding for the IsOpen
property to open and close the drop-down window in code and update the property value when a user closes the window. The IsOpenChanged event occurs when the property value changes.
<DxButton Id="showDDbtton" Click="() => IsOpen = true">Show a drop-down window</DxButton>
<DxDropDown PositionTarget="#showDDbtton"
PositionMode="DropDownPositionMode.Bottom"
HorizontalOffset="120"
VerticalOffset="70"
Width="210px"
BodyText="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
@bind-IsOpen="@IsOpen">
</DxDropDown>
@code {
bool IsOpen { get; set; } = false;
}
You can handle the following events related to the IsOpen
property’s changes:
- Showing - Fires before the window is displayed and allows you to cancel this action.
- Shown - Fires after the window is displayed.
- Closing - Fires before the window is closed and allows you to cancel this action.
- Closed - Fires after the window is closed.
The ShowAsync and CloseAsync methods allow you to show and close the drop-down window asynchronously.