Custom filter components (filter template)

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 23 Jun 2020 14:38 by ADMIN

Release 2.15.0

Ramon

Created on: 06 May 2019 10:20

Category: Grid

Type: Feature Request

Custom filter components (filter template)

In addition to more filtering options we would like to have the ability to use custom filter components instead of the built-in ones. For example, through a cell template for the filter row.

Please comment below with how you would like to see this integrate into the data source operations of the grid (for example, should it fire an event where you filter the data you pass to the grid, or should the grid expose some method/interface that you need to use).

Duplicated Items

Add the ability to specify a FilterTemplate within a GridColumn

3 comments

ADMIN

Marin Bratanov

Posted on: 20 Apr 2020 09:14

I'm hoping that it will be available around the R3 2020 timeframe.

In the meantime, you can consider using the header template to put custom components and use the grid state to invoke filtering from them.

Another approach is using a row that is independent from the grid (either outside of it, or in its toolbar) where you can put the desired filters and implement the filtering logic (or, again, use the grid state), like shown here.

For enums, there's a separate issue you can cast your Vote for, and Follow its status: https://feedback.telerik.com/blazor/1443614-filter-enum-values

For a boolean field - once custom editors are available, you will be able to put your own dropdownlist with the desired texts.

Regards,
Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.

Shuvra

Posted on: 06 Apr 2020 15:24

This feature is really important. When it can be publish?

in the Grid filter, It will display the members of Enum as dropdown list and by selecting any item (enum member) in the dd list the filtered rows will display in the Grid (same as boolean fields but the 'is true' & 'is false' should be replace with enum members).

The boolean field also should have custom filter, for example instead of 'is true' & 'is false', I can set 'Yes' of 'No' or 'Valid' & invalid.

This feature is required urgently.

Ramon

Posted on: 17 May 2019 13:14

Hi,

1. An event similar to the Angular Grid where we can modify the state of the filter, ignore it or apply it:

public dataStateChange(state: DataStateChangeEvent): void { this.state = state;

// Call our web service or DataContext to filter from Server or local source etc... this.gridData = GetFilteredData(sampleProducts, this.state); }

2. Able to set the filter in code similar to Angular Grid:

public state: State = { skip: 0, take: 5, // Initial filter descriptor filter: { logic: 'and', filters: [{ field: 'ProductName', operator: 'contains', value: 'Chef' }] } };

3. Built-In Filter Templates similar to Angular Grid

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/built-in-template/

4. Reusable Custom Filter Components similar to Angular Grid

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/