В раскрывающемся меню появляется сообщение «Нет результатов», если результатов нет. Так, например, если я введу «ABCD» в текстовое поле, и нет сущности, которая соответствует, сообщение «Нет результатов». будет отображаться.jQuery UI autocomplete- нет результатов сообщение
После просмотра 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 (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."
}
}
Я также попытался использовать приведенный ниже пример Эндрю Уитакер не повезло:
АНДРЕЙ WHITACKER'S FIDDLE: http://jsfiddle.net/J5rVP/128/
ИСТОЧНИК: http://blog.andrewawhitaker.com/2012/10/08/jqueryui-autocomplete-1-9/
Yep .. работал отлично! Благодаря! – Keven