jquery ui 自动完成：计数结果

Question

我想知道是否有一种方法可以计算当您在文本框中键入内容时显示的结果数。计算 li 元素的工作原理，但我敢打赌有一个更聪明的方法。谢谢

Answer 1

我认为直接使用 JQueryUI Events 是不可能的。我一直在寻找方法但没有成功。

所有关联的事件仅返回单击的元素（在列表显示后），或有关事件的信息（而不是有关列表的信息）。

您可以在这里看到它： http://jqueryui.com/demos/autocomplete/#event- focus

你所说的是最接近的解决方案：

$( "#tags" ).autocomplete({
  source: availableTags,
  open: function(event,ui){
    var len = $('.ui-autocomplete > li').length;
    $('#count').html('Found '+len+' results');
  }
});

Answer 2

当我输入不返回结果的内容时，上述解决方案对我不起作用。它不断显示最后一个匹配字符串的结果数量。这是一个有效的解决方案。

source: function (request, response) {
    $.getJSON(
        "/Ajax/GetSomeJson.ashx",
        { q: request.term },
        function (data) {
            console.log(data.length);
             $('#count').html('Found '+ data.length +' results');

            response($.map(data, function (item) {
                return item;
            }));
        }
    );
}

Answer 3

根据 Fran 的回答，我找到了一种计算找到的匹配项的方法，但我认为它不是 100% 可靠。不过，它对我有用。

$('#autocompleteinput').autocomplete({
    source: datasource,
    search: function()
    {
        $(this).data('count',0);
    },
    open: function()
    {
        $(this).data('count',$('.ui-autocomplete > li').length);
    },
    delay: 0
}).keyup(function(){
    $('#count').html('Found '+$(this).data('count')+' items');
});

延迟必须为 0，否则通常会在搜索之前触发 keyup，并且计数不好。

Answer 4

这对我来说是工作。我的要求是，如果只有一个匹配结果，则自动选择模糊事件。以前我尝试过 var len= $('.ui-autocomplete > li').length; 但我并没有在所有场景下工作。有时它将先前的结果加起来以计数/长度。

下面的代码对我有用：

.on('autocompletechange', function() {
        if ($(this).data('ui-autocomplete').selectedItem === null && ($(this).autocomplete("widget").find( "li" ).length == 1) ) {
            //this will trigger your select automatically so it will handle other custom override you did for select
            $(this).data('ui-autocomplete').menu.element.children('li:first').children('a').trigger('click');
        }
    })

Answer 5

弗兰的回答很好，但它会从页面上的所有“.ui-autocomplete”中计算“li”。
此解决方案将仅从当前自动完成中计算“li”元素： http://www.jbmurphy.com/2012/04/27/how-to-get-the-count-of-items-returned-in- jquery-自动完成/

open: function(event,ui){
    var len = $(this).autocomplete("widget").find( "li" ).length;
    },