How can I listen to the click event of kendo filter grid

[Karthik]

Hi,

I have a grid and it has filter with different filterable operators. Now when I click the filter and apply a condition, there is a server side filtering happening and results are shown.

Now when I do a second level filter on a column , I need to restrict the operator of that filterable column. To achieve this ,I need to have a event that is listening the moment I click filter,Since I am on Kendo UI v2016.1.412 , I am unable to use the callback function "filter" or "filterMenuOpen". Can someone help me as how can I register the click event of filter so that i can then add my custom filter operators.

$scope.xx = {
editable : false,
sortable : true,
pageable : {
pageSizes : 1

},
filterable : {
extra : false,
operators : {
string : {
eq : 'Equals to'
}
}
},
scrollable : false,
selectable : true,
columnMenu: true,
columns : [{
field : "xx",
title : translate("xx"),
filterable : true
filterMenuOpen:function(e){
console.log("not triggered");
},
filterMenuInit:function(e){
console.log("not triggered");
},
filter:function(e){
console.log("not triggered ");
}
}, {
field : "xx",
title : 'xx'
filterable : <My custom filter>
}

}

[Stefan]

Hello Karthik,

The desired result can be achieved by adding an event listener on the filterMenuInit event of the Grid.

I made an example using the provided Kendo UI version to demonstrate the implementation:

https://dojo.telerik.com/IKaBi

I hope this is helpful.

Regards,
Stefan
Progress Telerik

[Karthik]

Hi Stefan,

Thanks for the reply 

[Karthik]

Hi Stefan,

Thanks for the reply