Показаны общие результаты подсчета с помощью предвыборку Typeahead.js в

Question

Я использую Typeahead.js с реализацией, которая выглядит очень похоже на «нескольких наборов данных», найденных в examples:

var nbaTeams = new Bloodhound({ 
     datumTokenizer: Bloodhound.tokenizers.obj.whitespace('team'), 
     queryTokenizer: Bloodhound.tokenizers.whitespace, 
     prefetch: '../data/nba.json' 
}); 

var nhlTeams = new Bloodhound({ 
     datumTokenizer: Bloodhound.tokenizers.obj.whitespace('team'), 
     queryTokenizer: Bloodhound.tokenizers.whitespace, 
     prefetch: '../data/nhl.json' 
}); 

var footer = function (context) { 
    // calculate total hits here 
    return "<a href='...'>" + count + "</a>"; 
} 

$('#multiple-datasets .typeahead').typeahead(null, {  
     name: 'nba-teams', 
     display: 'team', 
     source: nbaTeams, 
     templates: { 
      header: '<h3 class="league-name">NBA Teams</h3>' 
     }, 
     limit: 3 
    }, 
    { 
     name: 'nhl-teams', 
     display: 'team', 
     source: nhlTeams, 
     templates: { 
      header: '<h3 class="league-name">NHL Teams</h3>', 
      footer: footer 
     }, 
     limit: 3 
}); 

Я использую последний версия Typeahead.js (v0.11.1). Я пытаюсь добавить нижний колонтитул в нижней части раздела команд НХЛ, который имеет общее количество результатов сопоставления. Что-то вроде <a href="...">Browse all ### results</a>. Я не могу найти нигде в документации, где я могу вытащить кол-во всех хитов от Bloodhound.

Я видел, как люди делают это с удаленными источниками данных, но мой источник данных достаточно мал, чтобы его можно было вставлять и кэшировать, поэтому я бы хотел использовать предварительную выборку.

Answer 1

Я думаю, что ваш другой код в порядке, вам просто нужно обновить функцию footer следующим образом.

var footer = function (context) { 
    // calculate total hits here 
    return "<a href='#'>browse all <b>" + context.suggestions.length + "</b> results</a>"; 
} 

Посмотрите на this скрипка.