Loading data while dropdown is open

I have very lage data cases where a user can choose a product with the combo box. I load data with scroll event where an API call fires when user reach to the end of the droplist.
but the data is not loading to the droplist while it is open only when one, closes the drop list and then opens it again.
My question is, is it even possible to update the data when the droplist is open?
I tried using rxjs and creating a new reference for each API call.  the only thing left IMO is reactive forms. but can i update the drop list when it is open? or I should build 


1 Reply

UD UdhayaKumar Duraisamy Syncfusion Team November 19, 2024 04:46 PM UTC

It appears that you are using the Syncfusion Angular ComboBox component with custom virtual scrolling logic to manage large datasets. The ComboBox component includes built-in support for virtualization, which is an efficient technique for rendering extensive lists while maintaining optimal performance.

With ComboBox virtualization, only a fixed number of DOM (Document Object Model) elements are created, ensuring efficient memory usage and rendering. When scrolling through the list, existing DOM elements are reused to display relevant data rather than generating new elements for each item. This recycling process is handled internally by the component.

By enabling the enableVirtualization option in the ComboBox, this feature is activated. During virtual scrolling, the data retrieved from the data source is based on the popup height and the calculated height of each list item. This ensures seamless performance even with large datasets.

For more details, refer to the following resources:

Additionally, regarding adding items to the popup of the ComboBox, you can use the addItem method.

Loader.
Up arrow icon