Custom filter operator within the menu

Progress® Kendo UI® for Angular Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Duplicated

Last Updated: 02 Mar 2023 08:25 by ADMIN

Created on: 04 Jan 2023 09:00

Category: Grid

Type: Feature Request

Custom filter operator within the menu

Hello

I have a grid cell with filter set to menu. So the popup appears with the list of default operators that are needed to be included in the popup.

Something like below:

<ng-template
  kendoGridFilterMenuTemplate
  ...
>
  <kendo-grid-numeric-filter-menu
   ...
  >
    <kendo-filter-eq-operator> </kendo-filter-eq-operator>
    <kendo-filter-neq-operator> </kendo-filter-neq-operator>
    <kendo-filter-gte-operator> </kendo-filter-gte-operator>
    <kendo-filter-lte-operator> </kendo-filter-lte-operator>
    <kendo-filter-isnull-operator> </kendo-filter-isnull-operator>
    <kendo-filter-isnotnull-operator> </kendo-filter-isnotnull-operator>
  </kendo-grid-numeric-filter-menu>

</ng-template>
 
What i am trying to achieve is to add another operator like 'In' that can accept comma separated values. Something like:
 <kendo-filter-in-operator> </kendo-filter-in-operator>
I have looked at the doc (https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row/#toc-custom-filter-row-components/)
But i dont see a custom filter operator example. 
Could you please let me know if its possible to do that or is there anyway i can achieve this.
 
Thanks
SM

Duplicated

This item is a duplicate of an already existing item. You can find the original item here:

Add "in" and "notin" to the FilterDescriptor operators

3 comments

ADMIN

Martin

Posted on: 02 Mar 2023 08:25

Hi Shruti,

Please check out the Custom values functionality of the MultiSelect which allows you to enter your own custom tags:

https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/custom-values/

Regards,
Martin
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Posted on: 24 Feb 2023 16:46

Hi Martin

Thank you for your suggestions.

Unfortunately, we do not have the multiselect situation as there can not be a predefined set of values to select from.

The use case is that user can enter multiple values comma separated perhaps based on the field type (numeric, date, string etc).

I get that there is no custom filter operator currently. But is there a way to may be hack the multiselect component such that, it doesn't reset if the value is not in the dropdown / data setup. That way i can may be read whatever is in the value field.

Thanks

Shruthi

ADMIN

Martin

Posted on: 11 Jan 2023 08:01

Hi Shruthi,

Thank you for the provided feedback.

You can achieve similar filtering functionality, by using the MultiSelect component as a filter control. This allows you to filter the Grid column by multiple values, and choose between predefined options (or create a custom one by enabling the custom values option of the component). Please check the following article for more details on how to integrate the MultiSelect in Grid:

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-menu/#toc-custom-filters

You can also upvote the following feature requests for providing 'In' operator:

https://feedback.telerik.com/kendo-angular-ui/1360730-allow-for-an-is-contained-in-is-not-contained-in-operators-for-filtering-in-the-kendo-grid

https://feedback.telerik.com/kendo-angular-ui/1590368-add-in-and-notin-to-the-filterdescriptor-operators

In these lines of words, the current request would be marked as 'Duplicate'.

We are monitoring all requests in the Feedback Portal and consider adding them to our Roadmap based on their interest. Up to now, the aforementioned requests are still not part of our immediate development plans.

Regards,
Martin
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.