DxFlyout.IsOpen Property
Specifies whether the flyout 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 flyout 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="targetButton" Click="() => IsOpen = !IsOpen">Show/Hide a flyout window</DxButton>
<DxFlyout @bind-IsOpen=IsOpen
PositionTarget="#targetButton"
Width=400
BodyText="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
</DxFlyout>
@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 flyout window asynchronously.