Пример за потребителски интерфейс на jQuery
Примерът за автоматично довършване на отдалечен JSONP източник на данни не работи, със сигурност защото уеб услугата geonames.org се е променила след написването на този пример.
Извършете GET заявка до http://ws.geonames.org/searchJSON и ще получите json, съдържащ следното съобщение:
Моля, добавете потребителско име към всяко обаждане, за да могат geonames да идентифицират приложението за повикване и да отчитат използването на кредити.
Когато този пример е написан, анонимното обаждане вероятно е било прието, което вече не е така.
Автоматично довършване: отдалечен източник + категории
Просто комбинирайте 2 примера за потребителски интерфейс на jquery:
// 1. Extends the jquery ui autocomplete widget to manage categories
$.widget("custom.catAutocomplete", $.ui.autocomplete, {
_renderMenu: function(ul, items) { ... }
}
// 2. Then initialize your widget using a remote
// data source and define each item category
$(...).catAutocomplete({
source: function(request, response) {
$.ajax({
url: '...',
success: function(data) {
response($.map(data.data, function(item) {
return {
value: item.value,
label: item.label,
category: item.category
}
}));
}
}
}
});
Написах този jsFiddle като пример. Той извлича Github хранилища на искания потребител и ги изброява, групирани по брой разклонения.
person
rd3n
schedule
24.04.2014