Kendo UI filter menu close event?

Question

Hello implemented a custom filter menu using checkboxes similar to this example:

http://dojo.telerik.com/@SiliconSoul/oBoCu

My problem is if the user selects/deselects some checkboxes but then never clicks the "Filter" button. I would basically like to reset their selections to what they initially had before the menu closes but don't think the filter menu has such an event.

How can I bind to the menu closing?

Answer 1

It looks like the filter menu is a kendoPopup, which has a close event.

$(#my-popup).data("kendoPopup").bind("close", function (e) {
  console.log("filter menu closed");
});

Since I used the filterMenuInit event of the kendoGrid, you can access the filter menu container via Event.Container

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-filterMenuInit

event.container.data("kendoPopup").bind("close", function (e) {
  console.log("filter menu closed");
});