Lazy loading multiple select box

To deal with huge datasets, this component supports the lazy loading feature as well. Instead of loading whole data, it loads chunks of data on each scroll action

This dropdown provide us the methods for having the functionality to load/bind customize records at a time with lazy loading feature on scroll down event.

Select2 comes with AJAX support built in, using jQuery's AJAX methods and supports lazy-appending of results when the result list is scrolled to the end. In order to enable the remote service must support some sort of a paging mechanism and the query function given to Select2 must take advantage of it (CheckDemo there's an example there, screen DataSource works like na API ).

When using Select2 with remote data, the HTML required for the select is the same as any other Select2. If you need to provide default selections, you just need to include an option for each selection that contains the value and text that should be displayed.

You can configure how Select2 searches for remote data using the ajax option. More information on the individual options that Select2 handles can be found in the options documentation for ajax.