Save the RadzenDataFilter filter

Giuseppe_Pistorino · December 21, 2023, 10:16am

Hi, is there a way to save store and load the filter of a dataFilter?
Also how do I change the descriptions of "AddFilter" and "AddFilterGroup"?
Thank you

enchev · December 22, 2023, 3:12am

There isn’t anything built-in however you can use similar technique to this DataGrid demo, you have to code manually however:

Check also the source of the component for reference about different string properties used in the UI:

github.com

radzenhq/radzen-blazor/blob/master/Radzen.Blazor/RadzenDataFilter.razor#L31


      
                  <RadzenButton title="@ClearFilterText" class="rz-datafilter-item-clear rz-datafilter-all-items-clear" Icon="clear" Click="@(args => ClearFilters())" Visible=@(Filters.Any()) Variant="Variant.Text" Size="ButtonSize.Small" ButtonStyle="ButtonStyle.Dark" />
          
                  <ul class="rz-datafilter-group">
                      @foreach(var filter in Filters)
                      {
                          <li class="rz-datafilter-item @(filter.Filters != null ? "rz-datafilter-group-item" : "")">
                          <RadzenDataFilterItem @key=@filter.GetHashCode() DataFilter="@this" Filter="@filter" />
                        </li>
                      }
                      <li class="rz-datafilter-item rz-datafilter-bar">
                          <RadzenSplitButton Icon="add" Click="@(args => AddFilter(args?.Value == "group"))" Size="ButtonSize.Small" Variant="Variant.Flat" ButtonStyle="ButtonStyle.Primary" Shade="Shade.Lighter">
                              <RadzenSplitButtonItem Icon="add" Text="@AddFilterText" />
                              <RadzenSplitButtonItem Icon="playlist_add" Value="group" Text="@AddFilterGroupText" />
                          </RadzenSplitButton>
                      </li>
                  </ul>
              </div>
          }

Giuseppe_Pistorino · December 22, 2023, 8:10am

Thanks Enchev, it works now.

But there is one thing I didn't understand:
why in the example code is used 'await Task.CompletedTask; ' in that way?

 private async Task SaveStateAsync()
    {
        await Task.CompletedTask;

        await JSRuntime.InvokeVoidAsync("window.localStorage.setItem", "Settings", JsonSerializer.Serialize<DataGridSettings>(Settings));
    }