автозаполнение пользовательского интерфейса jQuery - нет результатов
я пытаюсь иметь "Нет результатов" сообщение появляется в выпадающем меню, если нет результатов. Так, например, если я наберу "ABCD» в текстовое поле, и нет объекта, который соответствует, сообщение "Нет результатов." будет отображаться.
Изучив stackoverflow для различных способов достижения этой цели и попробовав несколько из них, я все еще могу:заставить его работать.
Как я могу добавить "Нет результатов" сообщение в раскрывающемся меню, когда результаты не найдены?
JQuery:
$element.autocomplete({
source: function (request, response) {
$.ajax({
url: thUrl + thQS,
type: "get",
dataType: "json",
cache: false,
data: {
featureClass: "P",
style: "full",
maxRows: 12
},
success: function (data) {
response($.map(data, function (item) {
if (data.indexOf(item) === -1) {
return { label: "No Results." }
} else {
return {
label: item.Company + " (" + item.Symbol + ")",
value: item.Company
}
}
}));
}
});
},
minLength: that.options.minLength,
select: function (event, ui) {
reRenderGrid();
}
});
Я попытался добавить оператор if () со следующим, но это нет работа.
if (data.length === 0) {
// Do logic for empty result.
}
Я могу переписать первую запись с текстом "Безрезультатно" если я сделаю следующее ...
if (data.indexOf(item) === 0) {
return {
label: "No Results."
}
... но если я установлюdata.indexOf(item) === -1
ничего не появляется
Я только недавно попробовал следующее, и когда нет данных, они попадают в цикл, однако, "Нет результатов" не отображается в меню:
success: function (data) {
response($.map(data, function (item) {
return {
label: item.Company + " (" + item.Symbol + ")",
value: item.Company
}
}));
if (data.length === 0) {
label: "No Results."
}
}
Я также попытался использовать приведенный ниже пример от Эндрю Уитакера без удачи:
Эндрю УайтакерS FIDDLE:http://jsfiddle.net/J5rVP/128/
ИСТОЧНИК:http://blog.andrewawhitaker.com/2012/10/08/jqueryui-autocomplete-1-9/