Select2 paginate without ajax using query method. You can fetch data from server first or from localstorage and then paginate it in select2.

select2 paginate without ajax.coffee

city_list = [{name: 'Moscow', id: 1},{name: 'Saint Petersburg', id: 2}] 
$('.city').select2
  query: (options) ->
    term = options.term.toLowerCase()
    results = []

    output = {}
    paginate_by = 50
    i = 0
    j = 0
    while results.length < paginate_by and i < city_list.length
      i += 1
      city = city_list[i - 1]
      if city.name.toLowerCase().indexOf(term) > -1
        j += 1
        if j > (options.page - 1) * paginate_by
          results.push(id: city.id, text: city.name)

    output.results = results
    output.more = i < city_list.length

    options.callback(output)

select2 paginate without ajax.js

city_list = [{name: 'Moscow', id: 1},{name: 'Saint Petersburg', id: 2}] 
$('.city').select2({
  query: function(options) {
    var city, i, j, output, paginate_by, results, term;
    term = options.term.toLowerCase();
    results = [];
    output = {};
    paginate_by = 50;
    i = 0;
    j = 0;
    while (results.length < paginate_by && i < city_list.length) {
      i += 1;
      city = city_list[i - 1];
      if (city.name.toLowerCase().indexOf(term) > -1) {
        j += 1;
        if (j > (options.page - 1) * paginate_by) {
          results.push({
            id: city.id,
            text: city.name
          });
        }
      }
    }
    output.results = results;
    output.more = i < city_list.length;
    return options.callback(output);
  }
});