How to implement Lazy Loading in Dropdown and in API Call in reactive application?

Back to Forums

Chandrashekhar Mankar

Question

Performance

Reactive

API

Best Practices

Application Type

Reactive

Hi everyone,

I want to implement Lazy Loading in a dropdown. Consider that I am getting around 50k records in a list via API call, now I am binding that List to the dropdown, how can I Have Lazy Loading in Dropdown and API?

15 May 2023

Tousif Khan

Champion

Hello

You need to use a new widget which is been released Server Side Dropdown there you can write a logic for your server data load,

What I did I have created the same scenario for it where I use on scroll end action on a list and load more records in that way more and more record get added as you scroll, user can also perform server side search where you can filter the data based upon search.

I have create a sample for it , have a look maybe that heps

https://success.outsystems.com/documentation/11/developing_an_application/design_ui/patterns/using_mobile_and_reactive_patterns/interaction/dropdown_server_side/

Sample - https://www.outsystems.com/forge/component-overview/14690/dropdown-server-side-samples

Thanks

Tousif Khan

15 May 2023