1. Feedback
  2. React
  3. 42903

Welcome to the React feedback portal. We’re happy you’re here! If you have feedback on how to improve the React, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

4
Votes

Need to give data virtualization support in the File Manager component

Need to give data virtualization support in the File Manager component.

We have similar support in Grid component.

Demo : https://ej2.syncfusion.com/javascript/demos/#/bootstrap5/grid/virtual-scrolling.html


Initial Dataset Load: I have to Load the initial dataset when the file manager component is first rendered. This serves as the base data displayed in the file manager.

Trigger on Scroll: I would have to then Set up an event listener that triggers when the user scrolls down to the bottom of the current window height. This will be the signal to fetch additional data.

Fetch New Dataset: When the scroll event is triggered, I have to make a call to the Syncfusion API to fetch the next batch of data. This ensures that new data is loaded incrementally rather than all at once, improving performance and user experience.

Append to Existing Data: I have to append the newly fetched dataset to the existing one without refreshing or reloading the entire file manager. This allows for seamless data addition without disrupting the user’s current view.

Continue Until Complete: Repeat the above steps until the entire dataset is loaded, ensuring that all available data is eventually displayed as the user continues to scroll.

Avoid Refreshing the File Manager: Ensure that the entire process is smooth and doesn’t refresh the file manager or interrupt the current state, maintaining a continuous flow of data as the user scrolls.