How to programmatically clear filter inside grid

[superTeemo1]

Is there any way to clear grid filters programmatically?

[gvreddy04]

@superTeemo1 At this moment, there is no provision to clear the filters programmatically.

[robinexcalibur]

First off, gvreddy04, Thank you for such an awesome library! You rock.

I ran into needing to clear filters pragmatically, too. Specifically, I wanted the filters to clear when I toggled off a "filter" button. Here's a workaround:

<Button @onclick="ToggleFilter"> Toggle Filter </Button>
<Grid 
      // Grid settings
      AllowFiltering="@filter">
     <GridColumns>
          // Grid columns
     </GridColumns>
</Grid>

@code {
    private List<Model> models = default!;
    private List<Model> filteredList = new List<Model>();
    public bool filter = false;
    BlazorBootstrap.Grid<Model> grid = default!;

    public async Task<GridDataProviderResult<Model>> ModelProvider(GridDataProviderRequest<Model> request)
    {
        if (models is null)
        {
            await LoadModels();
        }
        if (!filter) // if filter is toggled off
        {
            request = CircumventGridFilters(request);
        }
        var filteredList = await Task.FromResult(request.ApplyTo(models));
        return filteredList;
    }

    public async Task LoadModels()
    {
        models = // populate data
        await grid.RefreshDataAsync();
    }

    private async Task ToggleFilter()
    {
        filter = !filter;
        await grid.RefreshDataAsync(); // Make the data refresh
    }

    private GridDataProviderRequest<Model> CircumventGridFilters(GridDataProviderRequest<Model> request)
    {
        return new GridDataProviderRequest<Model>() // return new GridDataProviderRequest that has empty filters
            {
                CancellationToken = request.CancellationToken,
                PageNumber = request.PageNumber,
                PageSize = request.PageSize,
                Sorting = request.Sorting,
                // and NO filters
            };
    }
}

[im-ashar]

I achieved this by doing this

<button @onclick="ClearAllFilters">
    Clear All Filters
</button>

<Grid @ref="grid"
      @key="gridKey"
//your other code
</Grid>

@code{
Grid<Model> grid = default!;
private Guid gridKey = Guid.NewGuid();

private void ClearAllFilters()
{
    gridKey = Guid.NewGuid();
}
}