[英]handling “No results” with Jquery Autocomplete
嘿,当用户当前查询没有结果时,我正在尝试返回一条消息! 我在网上看了很多,也有类似的情况,但是我似乎无法在下面的代码中使用它! 有人可以帮我解决这个问题,因为我正在拉头发试图修复它!
我需要保持使用键盘向下滚动结果的能力。
提前致谢。
的HTML
<div id="search_box"> <form id="search_form" autocomplete="off" action="" onSubmit="return false;"> <input type="text" id="suggestSearchBox" value="Search by City or Hotel Name" onClick="this.value='';" /> </form> </div>
Javascript注意:远程数据源称为“ dataLocCodes”,它是一个JavaScript数组
// JavaScript Document $(function() { $("#suggestSearchBox").focus().autocomplete(dataLocCodes, { max: 15, selectFirst: true, matchContains: true, formatItem: function(row, i, max){ if (row.hotelId) { return row.accomName + ' - ' + row.city + ' - ' + row.country; } else { return row.city + ' - ' + row.country; } } }).result( function(event, row, formatted) { $("input#suggestSearchBox").val(row.city + ' - ' + row.country); var param = row.locparam; var encoded_url = param.replace(/ /gi,"+"); encoded_url = encoded_url.replace(/&/gi,"amp"); window.location.href = "hotels.html?location=" + encoded_url; }); });
有两种方法可以解决此问题。 您可以创建一个source
方法,以便如果过滤器的结果为空,则将“无结果”作为值添加,或者处理response
事件以显示一条消息,表明用户界面中未返回任何结果。 如果使用source
方法,则添加选择处理程序以防止No Result成为值。
var availableTags = ['Abc', 'Def', 'ghi'];
$('#noresults').autocomplete({
source: function (request, response) {
var responses = $.ui.autocomplete.filter(availableTags, request.term);
if (responses.length == 0) responses.push('No Result');
response(responses);
},
response: function (event, ui)
{
if (ui.content.length == 0) {
console.log('No results');
}
},
select: function (event, ui) {
// don't let no result get selected
return (ui.item.value != 'No Result');
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.