Typeahead: Wie kann ich die Liste der Daten in 3 verschiedene Teile trennen? [Like Multidataset]

Question

Ich arbeite an typeahead.js, wo Benutzer nach Name oder Spezialität oder einem anderen Schlüsselwort suchen kann. Jetzt möchte ich die Daten mit drei verschiedenen Feldern füllen. Ich habe drei Felder 1.people, 2. Spezifität 3.park. Die Informationen Benutzertypen in diesen drei unterschiedlichen Segmenten angezeigt werden soll wie in MULTIDATASET

gezeigt

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' 
 
}); 
 

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

<div id="multiple-datasets"> 
 
    <input class="typeahead" type="text" placeholder="NBA and NHL teams"> 
 
</div>

zu meinem Szenario kommen die Daten in einzelnen Datensatz zeigt nur .. Die Remote-URL-Daten werden Von dem Server kommend, der nicht nur ein einfaches Array ist, ist es Objekt eines Objekts von Objekten. Derzeit kann ich Daten mit einer einzelnen Remote-URL füllen. Aber ich kann Multidataset nicht erreichen. JSFIDDLE: enter here Hinweis: Da die URL von der Server-Seite ist.Ich möchte keine Informationen zu diesem Thema offen legen.In meiner lokalen es funktioniert gut.Nach unten ist das Bild, wie ich Ergebnisse bekomme. Jede Hilfe würde sehr geschätzt werden. Danke. JSFIDDLE CHECK HERE

Answer 1

Ersatz remote bei .typeahead für Bloodhound Antrag zu stellen; templates, suggestion Optionen unter .typeahead, um das Ergebnis bei html gerendert zu setzen. Siehe auch Create customize Type-Head using jQuery and Bootstrap-Typeahead?, Bootstrap Typeahead not showing suggestion which have the valueKey starting with same value

templates: { 
     suggestion: function(data) { // data return from `Bloodhound` 
      console.log(data); 
      return "<ul><li>" + data.result[0] + "<li>" 
        + "<li>" + data.result[1] + "<li>" 
        + "<li>" + data.result[2] + "<li></ul>" 
     } 
    }