Filter dialog "Clear" & "Ok" button click event issue

[pranit@srcomsec]

I am trying to add the javascript code below to track "Clear" & "Ok" button click event. The click event is working for "Clear" button but not for "Ok" button. Please advise.

Code: [Select]

$('body').on('click', '#tabs-filter button', function() {     
      console.log('Button clicked!');
});


[paramvir]

try this

Code: [Select]

document.body.addEventListener('click', function(evt){
if(evt.target.nodeName == "BUTTON" && evt.target.closest("#tabs-filter")){
alert("clicked");
}
}, true);


[pranit@srcomsec]

Thank you, the event is working.

We have multiple dynamic Grid on the same screen using Goldenlayout.

I need the Paramquery Grid ID from where the filter popup opens when the user clicks the "Ok" or "Clear" button. Please advise.

[paramvir]

It doesn't seem feasible the DOM way because header filter menu is not attached to grid DOM.

Please try the documented beforeFilter and filter events.  Also beforeFilter event doesn't fire when grid.refreshDataAndView() is called  so that can help you differentiate between user initiated filtering and otherwise.

[pranit@srcomsec]

Thank you. This event helps us to complete our required changes.