Back to Devexpress

DxDropDown.ShowAsync(CancellationToken) Method

blazor-devexpress-dot-blazor-dot-dxdropdown-dot-showasync-x28-system-dot-threading-dot-cancellationtoken-x29.md

latest3.1 KB
Original Source

DxDropDown.ShowAsync(CancellationToken) Method

Asynchronously shows the drop-down window.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
public Task<bool> ShowAsync(
    CancellationToken token = default(CancellationToken)
)

Optional Parameters

NameTypeDefaultDescription
tokenCancellationTokennull

An object that propagates a cancellation notification.

|

Returns

TypeDescription
Task<Boolean>

An asynchronous operation that shows the window. The operation returns true if the operation is successful; otherwise, false.’

|

Remarks

Call the ShowAsync and CloseAsync methods to show and close the drop-down window asynchronously.

If you call the ShowAsync method before the window is initialized, the operation returns false. You can use the IsInitialized property to check the initialization state. Run the InitializedTask task to wait until the drop-down window is initialized.

razor
<DxButton Text="Show" Click="ShowWindow" />
<DxButton Text="Hide" Click="HideWindow" />

<DxDropDown @ref="ddWindow"
            Width="400"
            BodyText="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
</DxDropDown>

@code {
    DxDropDown ddWindow { get; set; }

    async Task ShowWindow(MouseEventArgs args) {
        if (ddWindow.IsInitialized)
            await ddWindow.ShowAsync();
        else {
            await ddWindow.InitializedTask;
            await ddWindow.ShowAsync();
        }
    }
    async Task HideWindow(MouseEventArgs args) {
        await ddWindow.CloseAsync();
    }
}

You can handle the following events related to ShowAsync and CloseAsync methods:

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.

To show and close the drop-down window synchronously, implement two-way binding for the IsOpen property.

See Also

DxDropDown Class

DxDropDown Members

DevExpress.Blazor Namespace