bloodhound

I want to build a tags input like the one in StackOverflow. I am trying to use Meteor collections as the remote or prefetch data for Typeahead Bloodhound because I want to eventually use Bootstrap Tokenfield . According to their documentation and examples, a url to the JSON data is absolutely required. How can I provide the data, preferably reactively, to Bloodhound? I have looked into the Meteor Typeahead package , but I can't figure out how to use it with the Meteor Tokenfield package . Below is what I've tried to do, but it doesn't work. :( <div class="control-group"> <label class="control

So I am trying to build something using bloodhound search engine and I noticed that it has these two tokenisers, datum and query. The initializer code example given in the documentation looks like this: var engine = new Bloodhound({ local: ['dog', 'pig', 'moose'], queryTokenizer: Bloodhound.tokenizers.whitespace, datumTokenizer: Bloodhound.tokenizers.whitespace }); What do these two Tokenizers do? EDIT Bloodhound documentation defines these two as follows: datumTokenizer – A function with the signature (datum) that transforms a datum into an array of string tokens. Required. queryTokenizer – A

I'm trying to use the code below with typeahead.js v 0.10 // instantiate the bloodhound suggestion engine var numbers = new Bloodhound({ datumTokenizer: function(d) { return d; }, queryTokenizer: Bloodhound.tokenizers.whitespace, local: ["(A)labama","Alaska","Arizona","Arkansas"] }); // initialize the bloodhound suggestion engine numbers.initialize(); console.log(numbers.get('a')); In fact I try to solve this question: https://github.com/bassjobsen/Bootstrap-3-Typeahead/issues/26 I expected something like shown below should be possible: $('.typeahead').typeahead( { items: 4, source:function

I am using Typeahead.js with the bloodhound suggestion engine and would like to make the list appear as soon as the user clicks in the search box. I found this stackoverflow question ( Twitter TypeAhead show all results programmatically ) which is the same as me and the answer points to a jsfiddle solving the problem : http://jsfiddle.net/5xxYq/ Great. However, it seems only to be working when not using bloodhound as the source for typeahead. e.g. I forked their working example and switched the typeahead source to use bloodhound : http://jsfiddle.net/5xxYq/31/ . The suggestion engine is

Having trouble getting Twitter Typeahead.js, the remote version to work. I get "undefined" for my suggestions. Any help would be appreciated. Code below: JS: var films = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'), queryTokenizer: Bloodhound.tokenizers.whitespace, remote: '../widgets/films.json' }); films.initialize(); $('#films .typeahead').typeahead(null, { name: 'films', displayKey: 'value', source: films.ttAdapter() }); Ben Smith The Bloodhound suggestion engine is unable to find the display key "value" within your JSON array. You need to convert the JSON

This question already has an answer here: TypeAhead.js and Bloodhound showing an odd number of results 4 answers My Typeahead.js / Bloodhound ( 0.11.1 ) doesn't work as expected. Out of the long list of json results provided, only some are displayed as suggestions. For example, if I type los in my field, I get only Lostorf and nothing else, when there should be 4 selectable items displayed. This is my code: HTML <div id="remote"> <input class="typeahead" type="text"> </div> JS var searchablePlaces = new Bloodhound({ datumTokenizer : Bloodhound.tokenizers.obj.whitespace("term"), queryTokenizer