Селектизировать не загружающиеся опции с Ajax - PullRequest
0 голосов
/ 25 октября 2018

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

Я могу использовать файл console.log, чтобы показать извлекаемые данные, но я не уверен, в каком месте я терплю неудачу.

Код

$(document).ready(function () {
            $('#ttitle').selectize({
                create: false,
                valueField: 'appid',
                labelField: 'name',
                searchField: 'name',
                closeAfterSelect: true,
                options: [],
                load: function (query, callback) {
                    if (!query.length) return callback();
                    $.ajax({
                        url: `/games/all?search=${encodeURIComponent(query)}`,
                        type: 'GET',
                        error: function () {
                            callback();
                        },
                        success: function (res) {
                            console.log(res.value)
                            callback(res.value);
                        }
                    });
                }
            });
        });

При вводе в поле поиска консоль показывает enter image description here

HTML - если это имеет значение

<div class="form-group">
   <label for="ttitle">Game Title</label>
   <select name="ttitle" id="ttitle">
      <option></option>
   </select>
</div>

enter image description here

1 Ответ

0 голосов
/ 25 октября 2018

Параметр searchField принимает значение массива (не строку), поэтому вам нужно изменить его на:

searchField: ['name']

В противном случае ваша настройка выглядит нормально.

...