Angular MultiSelect/MultiColumnComboBox virtual scroll

[-]

Hi!

Our company is considering to buy a license for Angular UI. At the moment we are testing functionality that is provided by angular components. I've been trying to implement virtual scroll with data load on scroll end, but I didn't find any event for it.  What I want to achieve is a functionality that loads more data to dropdown when user scrolls to the end of list. Is it possible with kendo MultiSelect/MultiColumnComboBox? Here is an example of what I mean. 

Thank you!

[Yanmario]

Hi,

Both Kendo UI for Angular MultiSelect and MultiColumnComboBox components support UI Virtualization. Please check the following articles from our documentation:

https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/virtualization/

https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/virtualization/

I hope this helps. Please let me know in case I can provide any further assistance on this matter.

Regards,
Yanmario
Progress Telerik

[-]

Thanks for the answer. I've seen this documentation, but it doesn't explain how to use virtualization with remote data.  I can't load all the data to the list at once (it is too big). Want I want is to load data (from remote, not just use preloaded list like in your example)  in chunks when user scrolls to the end of current list and append it. 

[Yanmario]

Hi,

The suggested UI Virtualization is the built-in functionality of the mentioned components. If remote data virtualization is desired, then the following knowledge base article can be applied to both components:

https://www.telerik.com/kendo-angular-ui/components/knowledge-base/dropdowns-virtualization-with-remote-data/

Updated example from the knowledge base with MultiSelect component:

https://stackblitz.com/edit/angular-uxy7xr-adbcg2?file=app%2Fapp.component.ts

I hope the additional information is helpful and steers you in the right direction.

Regards,
Yanmario
Progress Telerik

[-]

That's what I need. Thank you!