Select2 - Не можете выбрать значение?

Question

Версия выпуска (выберите 4.0.1)

HTML

<select id="search_customers" style="width: 300px;"></select>

Javascript:

$("#search_customers").select2({
  multiple: false,
  allowClear: true,
  ajax: {
    url: "@Url.Action("
    SearchCustomers ", "
    Home ")",
    dataType: 'json',
    delay: 250,
    data: function(params) {
      return {
        id: params.term, // search term
      };
    },
    processResults: function(data, params) {
      return {
        results: data
      } // Data is a List<T> of id an text
    },
  }
});

Раскрывающийся список работает, и я вижу свои записи, однако, когда я нажимаю на одну из опций, окно закрывается, а выбранная запись не отображается. Моя коробка выглядит так

Я перепробовал все, что мог придумать. Проблема появляется во всех браузерах. Возвращаемые данные представляют собой список пар id/text.

Код контроллера

var customers = this.service.SearchCustomers(id).Select(x => new { id = x.CustomerID, text = x.CustomerName }).ToList();

return Json(customers, JsonRequestBehavior.AllowGet);

Answer 1

У моих идентификаторов клиентов по некоторым причинам были первые пробелы. (Старая система ERP), поэтому добавление вызова.Trim() к оператору выбора для идентификатора клиента исправило это. Очевидно, что select2 не нравится " 56", но "56" - это хорошо!