Kendo React - External filter - Search text inside the filter label fields

1 Answer 139 Views
Filter  Grid
Jason
Top achievements
Rank 2
Iron
Iron
Iron
Jason asked on 10 Oct 2023, 01:43 PM

Greetings,

Is it possible to implement a search text functionality inside the filter label fields from the external filter?

The user can easily search and select the label text when the table contains a lot of columns.

I have attached an image for the example. Thanks!

 

Jason

 

1 Answer, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 12 Oct 2023, 10:04 AM

Hello Jason,

If you want to implement external filter, you can use an external input element and manually create a filter expression that will filter the data in the Grid. It is also possible to implement external filter that will filter all fields in the data items. Following are few examples that could be helpful:

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Jason
Top achievements
Rank 2
Iron
Iron
Iron
commented on 12 Oct 2023, 01:34 PM

Hi Konstantin,

Could the label input field in the External filter have a search functionality for filtering the label text?

I have attached another image. Thanks for the examples!

 

Jason

Konstantin Dikov
Telerik team
commented on 16 Oct 2023, 08:52 AM

If I understand correctly, you want to filter the list of fields within the first DropDownList in the Filter component. If that is the case, you can dynamically filter the array passed to the "fields" property of the Filter component based on the external input value. However, please note that removing fields that are present within the applied filter expressions will remove their logic of those existing expressions. 

Nevertheless, following is an example demonstrating such approach:

Jason
Top achievements
Rank 2
Iron
Iron
Iron
commented on 09 Jan 2024, 03:52 PM

Hi Konstantin,

Thanks for the example! Can this be implemented inside of the first DropDownList from the external Filter component like this one: React Dropdowns Library & DropDownList Component - Filtering - KendoReact Docs & Demos (telerik.com)

Konstantin Dikov
Telerik team
commented on 10 Jan 2024, 10:08 AM

Hi Jason,

The Filter component does not provide an option for customizing the Fields DropDownList, so using the external approach for filtering the fields is the only available option.

For introducing an option for customizing the Fields DropDownList, you can log a feature request in our feedback portal;

Tags
Filter  Grid
Asked by
Jason
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Konstantin Dikov
Telerik team
Share this question
or