SOLVED - Typeahead - refresh local data voor Default suggestions

Door Bjorn Chin Fo Sieeuw op 27-10-2015 15:33 gewijzigd op 27-10-2015 23:09

2.020 views

Op de volgende website staat een voorbeeld voor het maken van een invulveld met Default suggestions, dus dat het klikken in het veld al een sutocomplete suggestie geeft (er is dan nog niet in het veld getypt, dus minLength: 0):
https://twitter.github.io/typeahead.js/examples/

Ik probeer het werkend te krijgen, en dat is me ook eenmalig gelukt met de volgende code:

<script type='text/javascript'>
$(window).load(function(){

var nflTeams = new Bloodhound({ 
   //limit: 5,
   datumTokenizer: Bloodhound.tokenizers.obj.whitespace('team'),
   queryTokenizer: Bloodhound.tokenizers.whitespace, 
   identify: function(obj) { return obj.team; }, 
   prefetch: 'example.json'
 }); 
 
  nflTeams.initialize(true);
 
  
 function nflTeamsWithDefaults(q, sync) { 
   if (q === '') { 
     sync(nflTeams.all().slice(0, 2));
   } 
   else { 
     nflTeams.search(q, sync); 
   } 
 } 
 
 $('#scrollable-dropdown-menu .typeahead').typeahead({ 
   hint: true, 
   highlight: true, 
   minLength: 0
 }, 
 { 
   name: 'nflTeams',
   display: 'team', 
   //limit: 15,//nfl-teams.length,
   source: nflTeamsWithDefaults
 }); 

});

</script>
</head>
<body>

<div id="scrollable-dropdown-menu" class="nflTeams"> 
   <input class="typeahead" type="text" placeholder="NFL Teams" autocomplete="off"> 
 </div> 
</body>

Hier zag example.json er zo uit:
["Detroit Lions", "Green Bay Packers", "Chicago Bears"]

Maar toen ik probeerde om nog meer elementen toe te voegen in deze array, werden ze niet meer ingelezen. Ik denk dat dit te maken heeft met local data die al eenmaal ingelezen was en daarna niet meer werd gerefresht. Nu bevat de dropdown list van het invulveld helemaal niets meer, en wordt ook nog steeds niet de local data gerefresht. Hoe kan ik het zo maken dat de code elke keer bij het toevoegen van elementen in example.json de local data opnieuw wordt gerefresht?

[size=xsmall]Toevoeging op 27/10/2015 23:07:15:[/size]

Opgelost, door bestuderen van deze website:
http://findsupport.xyz/question/21891343/cannot-update-twitter-typeahead-js-prefetch-thumbprint-after-initial-load

[size=xsmall]Toevoeging op 27/10/2015 23:09:13:[/size]

Het bestand example.json ziet er trouwens zo uit:
[{"team": "Detroit Lions"}, {"team": "Green Bay Packers"}, {"team": "Chicago Bears"}]