How to detect Scroll event

[heesu]

Is there any way to detect mouse scroll event in Kendo Grid??

 

I read API document and tried the code below 

But nothing worked.

-----------------------------------------------------------------------

mounted () {

  document.addEventListener('click', someHandler)

 

     

}

-----------------------------------------------------------------------

 

Adding 'wheel' event works well inside Kendo Grid. However 'click' 

[heesu]

adding 'wheel' event works well. However, not 'click' event.

[Veselin Tsvetanov]

Hi,

I would recommend you to attach the Vue v-on:click event on the Grid parent element. Here is a StackBlitz sample implementing the above suggestion:

https://stackblitz.com/edit/ocb3es?file=index.js

Regards,
Veselin Tsvetanov
Progress Telerik

[heesu]

Oops, I have a mistake on this post. Kendo Grid ignores adding 'scroll' event dynamically. Not, 'click' event. How can I add 'scroll' event inside kendo grid??

[Veselin Tsvetanov]

Hello,

Thank you for the additional clarifications provided on the above. Here you could find a modified version of the StackBlitz sample poaching a scroll event handler to the Grid content element:

https://stackblitz.com/edit/ocb3es?file=index.js

I have attached that handler in the mounted function of the Vue component:

    mounted: function() {
      var scrollContainer = document.getElementsByClassName("k-grid-content")[0];

      scrollContainer.addEventListener('scroll', this.onScroll);
    },

Regards,
Veselin Tsvetanov
Progress Telerik