Lazy Loading

Lazy loading (also "on-demand loading" and "pagination") is a technique that delays loading non-critical data until it is required. This technique improves performance and reduces form load time. SurveyJS Form Library allows you to paginate choices in Single- and Multi-Select Dropdown questions. This feature is configured in the same manner for both types. In this example the first Dropdown lazy-loads the entire list of countries, while the other two are cascading Dropdowns: you first select a region, and then lazy-load only the countries within that region. You can also type in a search string to filter the country list on the server. Switch between available JavaScript frameworks to view a dedicated demo version for jQuery, React, Angular, Vue.js, or Vanilla JavaScript. Read more...