DxContextMenu.Hide() Method

Hides the Context Menu.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[JSInvokable]
public Task Hide()

Returns

Type	Description
Task	An asynchronous operation that hides the Context Menu.

Remarks

Call this method to hide the Context Menu. To handle the situation when the Context Menu was hidden, use the Hidden event.

Note

To show the Context Menu, use the Show method.

<DxContextMenu @ref="@ContextMenu" ItemClick="@OnItemClick">
    <Items>
        <DxContextMenuItem Name="SortBy" Text="Sort By">
            <Items>
                <DxContextMenuItem Text="Name"></DxContextMenuItem>
                <DxContextMenuItem Text="Size"></DxContextMenuItem>
                <DxContextMenuItem Text="Type"></DxContextMenuItem>
            </Items>
        </DxContextMenuItem>
    </Items>
</DxContextMenu>

@code {
    DxContextMenu ContextMenu { get; set; }

    void OnItemClick(ContextMenuItemClickEventArgs args) {
        if(args.ItemInfo.Name == "SortBy") {
            SortItemsBy("Default");
            ContextMenu.Hide();
        }
        else
            SortItemsBy(args.ItemInfo.Name);
    }
}

Run Demo: Context Menu