Я весь день возился с ajaxChosen, потому что мне нравится Chosen, но мои наборы значений опций становятся слишком большими. Я также экспериментировал с select2, но это чертовски медленно.
http://harvesthq.github.io/chosen/ https://github.com/meltingice/ajax-chosen
Итак, у меня самая новая версия selected (1.1.0) и последняя версия ajaxChosen. Я инициализирую ajaxChosen следующим образом:
$("#add_people").ajaxChosen({
type: 'GET',
minTermLength: 3,
afterTypeDelay: 300,
dataType: 'json',
url: 'http://cmcrm.chocolata.be/content/people.php?action=list_options'
}, function (data) {
var results = [];
$.each(data, function (i, val) {
results.push({ value: val.value, text: val.text });
});
return results;
});
Мой скрипт имеет доступ к этому URL-адресу, и XSS-предотвращение не происходит, поскольку мой скрипт находится в том же домене, что и удаленный URL-адрес.
Формат моего JSON следующий:
[{"value":3,"text":"Valerietje Mortelmans (Actief)"},{"value":9,"text":"Olivier Hopchet (Actief)"},{"value":13,"text":"Wieland Rits (Actief)"},{"value":14,"text":"Melissa Seiffert van der Merwede (Actief)"},{"value":15,"text":"Guillaume de Valensart (Actief)"},{"value":18,"text":"Xavier Cloet (Actief)"},{"value":19,"text":"Brent Lammens (Actief)"},{"value":21,"text":"Coralie Libert (Actief)"},{"value":22,"text":"Laetitia Theus (Actief)"},{"value":23,"text":"Evelien Mollet (Actief)"},{"value":24,"text":"Feya Smets (Actief)"},{"value":25,"text":"Michelle Warneke (Actief)"},{"value":26,"text":"Carolyn Spaenjaers (Actief)"},{"value":27,"text":"Evelien Raes (Actief)"},{"value":28,"text":"Ange Luyten (Actief)"}]
Я вижу, что выбранное было инициализировано, но когда я начинаю печатать, я сразу получаю «Нет результатов поиска для KEYWORD». В моей консоли ошибок нет.
Так в чем проблема? Плагин просто не работает? Или я что-то не так делаю?
Я создал jsfiddle здесь http://jsfiddle.net/4796y/
Может ли кто-нибудь помочь, чтобы я не тратил на это больше времени? :-) Хотел бы использовать это. Спасибо!