Format JSON dla jquery-select2 multi z ajaxem
Zastanawiam się nad przejściem z Wybranego do Select2, ponieważ Select2 ma natywne metody dla ajax. Ajax jest krytyczny, ponieważ zwykle musisz załadować dużo danych.
Z powodzeniem wykonałem przykład z JSON z api.rottentomatoes.com/api/
Zrobiłem plik JSON, aby przetestować ajax, ale to nie działa.
Nie wiem, jak powinien wyglądać JSON. Wydaje się, że nie ma szczegółowej dokumentacji:
https://github.com/ivaynberg/select2/issues/920
Próbowałem bezskutecznie kilku formatów JSON, więc próbowałem skopiować format JSON podobny do api.rottentomatoes, ale to nie działa.
Może brakuje mi czegoś głupiego.
function MultiAjaxAutoComplete(element, url) {
$(element).select2({
placeholder: "Search for a movie",
minimumInputLength: 1,
multiple: true,
ajax: {
url: url,
dataType: 'jsonp',
data: function(term, page) {
return {
q: term,
page_limit: 10,
apikey: "z4vbb4bjmgsb7dy33kvux3ea" //my own apikey
};
},
results: function(data, page) {
return {
results: data.movies
};
}
},
formatResult: formatResult,
formatSelection: formatSelection,
/*initSelection: function(element, callback) {
var data = [];
$(element.val().split(",")).each(function(i) {
var item = this.split(':');
data.push({
id: item[0],
title: item[1]
});
});
//$(element).val('');
callback(data);
}*/
});
};
function formatResult(node) {
return '<div>' + node.id + '</div>';
};
function formatSelection(node) {
return node.id;
};
/*MultiAjaxAutoComplete('#e6', 'http://api.rottentomatoes.com/api/public/v1.0/movies.json');*/
MultiAjaxAutoComplete('#e6', 'https://raw.github.com/katio/Quick-i18n/master/test.json');
$('#save').click(function() {
alert($('#e6').val());
});
Zrobiłem to jsfiddle: