question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Feature: RefinementList add searchForFacetValues

See original GitHub issue

Feature: What is your use case for such a feature? instantsearch.js already has searchForFacetValues and it is very handy to be able to quickly reduce very long lists of facets.

Feature: What is your proposed API entry? The new option to add? What is the behavior? Just add search box under facet title and two settings searchForFacetValues: { Placeholder: 'Refine list...', templates: { noResults: '<div>Hey bro, we do not have that!</div>' } } Basically the same like searchForFacetValues in instantsearch.js

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:9
  • Comments:21 (9 by maintainers)

github_iconTop GitHub Comments

2reactions
petelecocommented, Dec 6, 2017

Hi, i was able to apply url params this way. At ais-results set a reference

<ais-results ref="filterResult">

Use a computed to preset a list of available params

computed: { facetFilters: ['tag.value', 'venue.neighborhood'] }

And at mounted() function i run a verification and apply a facet filter if defined at url

this.facetFilters.forEach((filter) => { if (this.$route.query[filter]) { this.$refs.filterResult.searchStore.toggleFacetRefinement(filter, this.$route.query[filter]); } });

1reaction
emiridevcommented, Aug 6, 2017

Great, I’m really looking forward to it! tnx @rayrutjes

Read more comments on GitHub >

github_iconTop Results From Across the Web

refinementList | InstantSearch.js - Algolia
A widget for InstantSearch.js that displays facets and lets users refine their search by filtering.
Read more >
Creating a custom refinementList component based on two ...
PS: I tried to use searchForFacetValues function inside my custom component to retrvie manufacturer's name with below query but I couldn't ...
Read more >
@algolia/react-instantsearch-widget-size-refinement-list - npm
React InstantSearch widget that filters the dataset based on size facet values. Latest version: 1.0.3, last published: 6 months ago.
Read more >
Filter Datasets with Facets using Instantsearch JS to add a ...
To make use of those facets on the front end, one of the most common widget that you can find in a search...
Read more >
instantsearch.js - UNPKG
clearRefinement(refinementList, function(v, f) {\n return attribute === f;\n });\n }\n\n ... This list will be added to requested facets in the\n * [facets ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found