How to hide filter window for custom filter template?

[Robert]

Hi

I have a custom filter template for a column and it works fine. I would like to hide the filter window as soon as the user clicks the custom "Filter" or "Reset" button. The window automatically hides when we click anywhere else. 

 

How can I close the window grammatically?

 

 

[Robert]

Update : I am not able to edit the original post so I am adding more info here.

The custom filter is added by adding a Custom Column Menu template. I would like to close this Column Menu when the user clicks a button in the Column Menu.

The default Column Menu filter emits "closemenu" to close the menu. 

 

[Plamen]

Hi,

In the custom filter menu you could also emit the 'closemenu' event that will close the column menu as for example it is done in this example - https://stackblitz.com/edit/bfrhsc?file=index.js.

Hope this information will be helpful. If you have further questions or your scenario is somehow different please let me know.

Regards,
Plamen
Progress Telerik

[Robert]

Hi

Thanks for the reply. 

I already tried emitting "closemenu" but it does not work.

I tried again by emitting "closemenu" and "exit" and it does not work. I checked the Vue dev tools to make sure the events are emitted.

Any ideas?

[Plamen]

Hello,

it is not quite clear what is causing the issue since the functionality worked correctly at my side. Would you please try to update my stackblitz example or try to provide some runnable example with dummy data so we could be able to replicate the issue locally and be more helpful?

I will be looking forward for your reply.

Regards,
Plamen
Progress Telerik