Need Assistance with Restoring Filter State Programmatically in RadzenDataFilter

Radzen.Blazor Components
1

We are working on implementing dynamic filtering using the RadzenDataFilter component in a Blazor application. Our requirement is to restore previously applied filter conditions programmatically when the user reopens the filter panel.

We have successfully stored the filter state as a FilterGroup containing multiple CompositeFilterDescriptor objects. However, we are unable to get the UI to reflect these filters when setting them programmatically.

What We Have Tried So Far

  1. Directly Assigning Filters

    • We attempted to assign filters directly to dataFilter.Filters, but this does not trigger a UI update.
    dataFilter.Filters = new List<CompositeFilterDescriptor>
{
    new CompositeFilterDescriptor
    {
        Property = "PersonalId",
        FilterOperator = FilterOperator.Equals,
        FilterValue = "111111"
    }
};
StateHasChanged();

  2. Using AddFilter Method

    • We tried using the AddFilter method, assuming it would correctly register the filters internally. However, while the filters appear in the Filters collection, the UI remains unchanged.
    var filterDescriptor = new CompositeFilterDescriptor
{
    Property = "PersonalId",
    FilterOperator = FilterOperator.Equals,
    FilterValue = "111111"
};
dataFilter?.AddFilter(filterDescriptor);
StateHasChanged();

  3. Clearing and Reinitializing Filters

    • We attempted to clear and reassign filters:
    dataFilter.ClearFilters();
dataFilter.Filters = previousFilters;
StateHasChanged();
    • This correctly updates the Filters collection but does not trigger a UI update.

  4. Temporarily Unbinding Data

    • As a workaround, we tried removing and re-adding Data to force the component to refresh:
    var tempData = dataFilter.Data;
dataFilter.Data = null;
await Task.Delay(1);
dataFilter.Data = tempData;
    • However, this did not resolve the issue either.

Expected Behavior

  • After restoring filters programmatically, we expect:
    • The filter conditions to appear in the RadzenDataFilter UI.
    • The filters to be applied immediately to the data grid.

Our Questions

  1. Is there an official way to populate RadzenDataFilter programmatically and ensure the UI updates?
  2. Does RadzenDataFilter internally track filter state in a way that prevents direct modifications?
  3. Are there any event triggers or lifecycle methods we should call after modifying Filters?
  4. Is our approach correct, or is there another recommended way to dynamically restore filter conditions?

We appreciate any guidance or best practices you can provide.

Thank you in advance for your help!

2

The recommended approach is demonstrated in our demo:

Check the code of OnAfterRenderAsync method.