Example setup for select2 with pagination and a Sprunjed endpoint

example.js

        // Institution select
        form.find("select[name='institutions[]']").select2({
            ajax: {
                url: site.uri.public + "/api/institutions",
                dataType: "json",
                delay: 250,
                data: function (params) {
                    return {
                        filters: {
                            name : params.term
                        },
                        page: params.page || 0,
                        size: params.size || 10
                    };
                },
                processResults: function (data, params) {
                    var suggestions = [];
                    // Process the data into dropdown options
                    if (data && data.rows) {
                        jQuery.each(data.rows, function(idx, row) {
                            row.text = row.slug;
                            suggestions.push(row);
                        });
                    }

                    params.page = params.page || 0;
                    params.size = params.size || 10;

                    return {
                        results: suggestions,
                        pagination: {
                            more: (params.page * params.size) < data.count_filtered
                        }
                    };
                }
            },
            width: '100%',
            templateResult: function(item) {
                // Display institution name as tag option
                return $("<div>" + item.name + "</div>");
            },
            cache: true
        });