Search Grid on Button Click

@using Telerik.DataSource
@using Telerik.DataSource.Extensions

<TelerikGrid TItem="@GridItem"
             OnRead="@OnGridRead"
             Pageable="true"
             PageSize="5"
             @ref="@GridRef">
    <GridToolBarTemplate>
        <div class="k-toolbar-item" @onkeyup="@OnTextBoxKeyUp">
            <TelerikTextBox @bind-Value="@SearchValue"
                            Class="k-searchbox"
                            OnChange="@SearchGrid"
                            Width="180px">
                <TextBoxPrefixTemplate>
                    <TelerikSvgIcon Icon="@SvgIcon.Search" />
                </TextBoxPrefixTemplate>
            </TelerikTextBox>
        </div>
        <TelerikButton OnClick="@SearchGrid" Icon="@SvgIcon.Search">Search Grid</TelerikButton>
        <TelerikButton OnClick="@ClearSearch" Icon="@SvgIcon.Cancel">Clear Search</TelerikButton>
    </GridToolBarTemplate>
    <GridColumns>
        <GridColumn Field="@nameof(GridItem.Name1)" />
        <GridColumn Field="@nameof(GridItem.Name2)" />
    </GridColumns>
</TelerikGrid>

@code {
    private List<GridItem> GridData { get; set; } = new List<GridItem>();
    private TelerikGrid<GridItem>? GridRef;

    private string SearchValue { get; set; } = string.Empty;

    private async Task SearchGrid()
    {
        if (SearchValue == string.Empty)
        {
            await ClearSearch();
            return;
        }

        GridState<GridItem> state = GridRef!.GetState();

        CompositeFilterDescriptor? oldCfd = state.SearchFilter as CompositeFilterDescriptor;
        if (oldCfd is not null)
        {
            FilterDescriptor? oldFd = oldCfd.FilterDescriptors.FirstOrDefault() as FilterDescriptor;
            if (oldFd?.Value?.ToString() == SearchValue)
            {
                // Avoid duplicate data requests for the same search value.
                return;
            }
        }

        CompositeFilterDescriptor cfd = new()
        {
            LogicalOperator = FilterCompositionLogicalOperator.Or,
            FilterDescriptors = new FilterDescriptorCollection()
        };

        // Add one FilterDescriptor for each string column to search in.

        cfd.FilterDescriptors.Add(new FilterDescriptor()
        {
            Member = nameof(GridItem.Name1),
            Value = SearchValue,
            Operator = FilterOperator.Contains
        });

        cfd.FilterDescriptors.Add(new FilterDescriptor()
        {
            Member = nameof(GridItem.Name2),
            Value = SearchValue,
            Operator = FilterOperator.Contains
        });

        state.SearchFilter = cfd;

        await GridRef.SetStateAsync(state);
    }

    private async Task ClearSearch()
    {
        SearchValue = string.Empty;

        GridState<GridItem> state = GridRef!.GetState();

        if (state.SearchFilter is not null)
        {
            state.SearchFilter = null;
            await GridRef.SetStateAsync(state);
        }
    }

    private void OnTextBoxKeyUp(KeyboardEventArgs args)
    {
        // Simulate GridSearchBox behavior - clear the textbox on Escape key press.
        if (args.Key == "Escape")
        {
            SearchValue = string.Empty;
        }
    }

    private async Task OnGridRead(GridReadEventArgs args)
    {
        DataSourceResult result = await GridData.ToDataSourceResultAsync(args.Request);
        args.Data = result.Data;
        args.Total = result.Total;
    }

    protected override Task OnInitializedAsync()
    {
        for (int j = 1; j <= 25; j++)
        {
            GridData.Add(new GridItem() {
                ID = j,
                Name1 = "Name " + (char)(j + 64) + (char)(j + 64),
                Name2 = "Name " + (char)(j + 65) + (char)(j + 65)
            });
        }

        return base.OnInitializedAsync();
    }

    public class GridItem
    {
        public int ID { get; set; }
        public string Name1 { get; set; } = string.Empty;
        public string Name2 { get; set; } = string.Empty;
    }
}