Pokazuje łączne wyniki zliczania użyciu Typeahead.js za prefetch

Question

Używam Typeahead.js z implementacji, która wygląda bardzo podobnie do „wielu zbiorów danych” znalezione w 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 
}); 

Używam najnowszych wersja Typeahead.js (wersja0.11.1). Próbuję dodać szablon stopki na dole sekcji zespołów NHL, który ma łączną liczbę pasujących wyników. Coś w rodzaju <a href="...">Browse all ### results</a>. Nie mogę znaleźć nigdzie w dokumentacji, gdzie mogę pobrać liczbę całkowitych trafień z Bloodhound.

Widziałem ludzi robiących to ze zdalnymi źródłami danych, ale moje źródło danych jest na tyle małe, że można je pobrać i zapisać w pamięci podręcznej, więc chciałbym użyć wstępnego pobierania.

Answer 1

Myślę, że twój drugi kod jest całkowicie w porządku, wystarczy zaktualizować funkcję footer, wykonując następujące czynności.

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

Spójrz na this skrzypcach.