Kendo Grid Filter : kendoGridFilterMenuTemplate should allow to set min length for filter

[karan]

Kendo Grid Filter : kendoGridFilterMenuTemplate should allow to set min length for filter. For example , I need to do filter only when if user enters min 3 chrachters.

How can we achieve this?

[Silviya]

Hi Karan,

In general, when a FilterMenuTemplateDirective is used while creating filters, the developer can place whatever satisfies the given use-case scenario inside it. Including a Kendo TextBox, as I'd suggest in this particular case.

Then the dev would have control over the input and can add whatever limitations are deemed necessary. So, if the developer wants to prevent the filter from triggering when the number of characters in the input is <= 3, then this can be done inside the filterChange method.

Please take a look at the demo I've prepared: https://stackblitz.com/edit/angular-kvm161-napdtc?file=app%2Fapp.component.ts

Placing a TextBox component or a regular HTML input field also allows to limit the characters that can be entered by the user with the following properties:

Kendo TextBox - https://www.telerik.com/kendo-angular-ui/components/inputs/api/TextBoxComponent/#toc-maxlength

Regular input - https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength

The purpose of the example is to steer you in the right direction. Please keep in mind that further modifications may be required to adjust the example to suite the specific use-case scenario. Indeed the example isn't fully tested and should be used at the developer's own discretion.

I hope the information provided helps and steers you in the right direction.

Regards,
Silviya
Progress Telerik