Clarification with Filter menu in Kendo Grid Angular

[Deekshith]

Hi Team,

I'm currently working with kendo grid and panel bar components using Angular. My application has multiple panel bars with each panel bar containing a kendo grid with Filter Menu options. My issue is such that while I try to use the filter in the first grid and then move on to the second grid and try to filter the options the filter menu automatically closes without filtering the values.

The feature works just fine when I'm handling filters in a single grid. The issue is when I try to use the filters with more than one grid on that page. Please assist.

Thank You.

[Martin]

Hi Deekshith,

By default, the filter menu popup is closed when the developer clicks anywhere outside the filter menu or either scroll the Grid records. 

That behavior can be avoided by creating a custom filter menu and using the SinglePopupService. The service exposes an onClose event that can be prevented. This allows the developer to control the popup opened state.

Please check the following article from our documentation which covers that topic:

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/#toc-filter-menu-with-popup

Regards,
Martin
Progress Telerik