Typeahead
The Basics
When initializing a typeahead, you pass the
plugin method one or more datasets. The source of a dataset
is responsible for computing a set of suggestions for a
given query.
Bloodhound
For more advanced use cases, rather than implementing the
source for your dataset yourself, you can take advantage of
Bloodhound, the
typeahead.js suggestion engine. Bloodhound is
stack, flexible, and offers advanced functionalities such as
prefetching, intelligent caching, fast lookups, and
backfilling with remote data.
Prefetch
Prefetched data is fetched and processed on initialization. If the browser supports local storage, the processed data will be cached there to prevent additional network requests on subsequent page loads.
Default Suggestion
Default suggestions can be shown for empty queries by
setting the minLength option to 0 and having
the source return suggestions for empty queries.
Multiple Datasets
Multiple datasets give you visually separated sets of data
inside Dropdown menu with saperate titles,
managed in templates option. This looks like a
<optgroup> titles in selects.
Scrollable Dropdown Menu
To change the height of your dropdown menu, just wrap your
input in some div with
custom css styles and change necessary css
properties or change it in css directly.
Shopping Cart
5 new-
Supreme toys cooker
Kitchenware Item
$250
-
Supreme toys cooker
Kitchenware Item
$250
-
Supreme toys cooker
Kitchenware Item
$250