Schedule: Any events fire when virtual scrolling?

We are using resource templates and some of the controls need javascript run for them to render and work properly. With virtual scrolling, the html generates dynamically so those resources are created after the javascript has run so they aren't wired up. When a user scrolls, we need to fire the javascript for the newly rendered html. How can we do this? Thanks!

Example 1: We have a drop down menu that is wired up with a click event.

SS1.png

Example 2: We have js that runs to convert any skills that don't fit into a "+n" bubble.

SS2.png


5 Replies

VS Venkateshwaran Saravanakumar Syncfusion Team August 28, 2023 02:11 PM UTC

Hi Brian,

We have already logged the feature request for your requirement. They will be included in our upcoming release. You can track the status of the fix at the following link:

Feedback: https://www.syncfusion.com/feedback/37717/add-event-for-virtual-scrolling

Regards,

Venkatesh



BP Brian Pautsch August 28, 2023 03:41 PM UTC

Thanks for the reply. I see the original request is almost a year old (Sept 13-22, 2022). Is there any estimated date of delivery for the update? If it's within the next week or two, then we can wait. If not, is there a workaround or other short term solution? This is a big problem for us if the controls can't render properly. Thanks in advance!



VS Venkateshwaran Saravanakumar Syncfusion Team August 29, 2023 04:35 PM UTC

Brian,

 

The feature will be included in our upcoming release, which is expected to roll out in mid-September 2023. You can track the status using the following link. We appreciate your patience.

 

Feedback:  https://www.syncfusion.com/feedback/37717/add-event-for-virtual-scrolling



BP Brian Pautsch September 19, 2023 08:28 PM UTC

Is there a release date set yet? We're waiting for this to make out code live. Thanks!



SR Swathi Ravi Syncfusion Team September 20, 2023 06:40 AM UTC

Hi Brian,


We are glad to announce that our Essential Studio 2023 Volume 3 release v23.1.36 is rolled out and is available for download under the following link.

https://www.syncfusion.com/forums/184588/essential-studio-2023-volume-3-main-release-v23-1-36-is-available-for-download


We have provided the support for an event to trigger while scrolling the scheduler when virtual scrolling is set to true in our volume 3 release. As a result, we recommend you upgrade to the latest version of our Syncfusion packages 23.1.36 to avail yourself of those changes. You can enable this feature by binding the virtualScrollStart and virtualScrollStop event in the Scheduler, as shown in the below shared code snippet.


[index.js]

 var scheduleObj = new ej.schedule.Schedule({

     virtualScrollStart : function(args) {

          console.log("virtualScrollStart"args);

     },

     virtualScrollStop : function(args) {

         console.log("virtualScrollStop"args);

     }

 });

 scheduleObj.appendTo('#Schedule');


Release notes: https://ej2.syncfusion.com/javascript/documentation/release-notes/23.1.36?type=all#schedule

Sample: https://stackblitz.com/edit/ej2-javascript-scheduler-virtualscrolling-events-mqang5?file=index.js


Regards,

Swathi Ravi


Loader.
Up arrow icon