jQuery自动完成-noSuggestionNotice不起作用

Question

我正在使用这个插件： https : //github.com/devbridge/jQuery-Autocomplete

我在自动完成功能中添加了以下内容：

 showNoSuggestionNotice: true,

 noSuggestionNotice: 'No results found',

从服务器端得到的响应是：

 {"suggestions":[]}

但是，该通知永远不会显示。 只要有结果，其他事情就会按预期工作。

编辑：我现有的代码-

  $('<selector>').autocomplete({
    serviceUrl: '<my service url>',
    minChars: 3,
    autoSelectFirst: true,
    showNoSuggestionNotice: true,
    noSuggestionNotice: 'No results found',
    formatResult: function (suggestion, currentValue) {
        <some formatting logic here>
        return resultStr;
    },
    onSelect: function (suggestion) {
        <onSelect logic here>
    }
  });

Answer 1

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.0.min.js"  type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.min.js" type="text/javascript"></script>

<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/themes/blitzer/jquery-ui.css" rel="Stylesheet" type="text/css" />

<script type="text/javascript">
   $(function () {
      $("[id=txtSearch]").autocomplete({
      source: function (request, response) {
      $.ajax({
         url: 'URL',
         data: "{ 'prefix': '" + request.term + "'}",
         dataType: "json",
         type: "POST",
         contentType: "application/json; charset=utf-8",
         success: function (data) {
             if (data.d.length > 0) {
               response($.map(data.d, function (item) {
                  return {
                       label: item.split('-')[0],
                       val: item.split('-')[1]
                  };
               }))
           } else {
              response([{ label: 'No results found.', val: -1}]);
           }
       }
   });
 },
 select: function (e, u) {
     if (u.item.val == -1) {
        return false;
     }
 }
 });
 });
 </script>

 Enter search term: <input type = "text" id = "txtSearch" />

Answer 2

返回为空数组[]即可 。 如果建议返回未定义，则noSuggestionNotice将不起作用

showNoSuggestionNotice: true,
noSuggestionNotice: "No results found",
transformResult: function(response) {
    if (response){
        return {
            suggestions: $.map(response.results, function(dataItem) {
                return { value: dataItem.value, data: dataItem.id, object: dataItem };
            })
        };
    }
    else{
        return {
            suggestions: [],
        };
    }
},