Show active filters in grid header
Hello,
is there any way to display the active filtered values in the grid header? An example is this grid: 
where we can see offline signals and lapsed time >= 10min which are the current active filters for this grid.
Furthermore, is it possible to have a 'x' icon in the bubbles and a "clear all filters" button that provide the option to clear the filters?
Krasimir
Thanks for the update,
After reviewing your request, we have identified a possible solution that
addresses your requirement. We recommend utilizing the OnActionComplete event
argument to check for the RequestType "filtering” and stored the filter
field and value FilterValues dictionary property. By implementing
this approach, you will be able to display the filter values outside of the
grid.
To assist you further, we have prepared a sample application and included a
code snippet for your reference.
|
@using Syncfusion.Blazor.Grids @if (FilterValues != null) { <div> @foreach (var data in FilterValues) { <span>@data.Key : @data.Value; </span> } </div> } <SfGrid @ref="Grid" TValue="Order" DataSource="@Orders" AllowFiltering="true" AllowPaging="true" Height="315"> <GridEvents OnActionComplete="ActionCompletedHandler" TValue="Order"></GridEvents> </SfGrid>
@code {
public Dictionary<string, object> FilterValues { get; set; } = new Dictionary<string, object>();
public void ActionCompletedHandler(ActionEventArgs<Order> args) { if (args.RequestType == Syncfusion.Blazor.Grids.Action.Filtering) { if (args.CurrentFilterObject?.ActualValue != null && !(FilterValues.ContainsKey(args.CurrentFilterObject?.Field))) { FilterValues.Add(args.CurrentFilterObject.Field, args.CurrentFilterObject.ActualValue); //Stored the filter fields and values } else if (FilterValues.Count != 0 && args.CurrentFilterObject?.ActualValue == null) { FilterValues?.Remove(args.CurrentFilterObject?.Field); //Remove filtered field and value on clear button click in the filter menu. }
}
} } |
Attachment: DataGrid.._3bf583c6.zip
