dimanche 18 octobre 2015

Typeahead search with grouping and filtering

I am trying to implement a search box with multiple datasets to allow the user to search items under different categories (Movies, Books, Songs) as pictured here:

Searchbox with multiple datasets

I was able to display the dataset headings in the suggestion box, using the multiple datasets feature of Twitter Typeahead component. So far so good, how ever I also want to add: - Add three toggle buttons or checkboxes on top of the suggestions menu - When the user click on any of those button, the result will be filtered again and that category is removed from the result.

So if I search for "The" and uncheck Movies, only books, and songs will be displayed.

So not sure if I can accomplish this with Typeahead, or I need to write my own component from scratch.




Aucun commentaire:

Enregistrer un commentaire