Comments (7)
Could you share a screenshot of your desired solution from UX standpoint ? I am asking because this could be done in various ways.
from itemsjs.
Thanks so much for getting back to us so quickly! Here is a screen shot with the kind of date range fields we would like to implement in our faceted search. We would like to do "Start Date" and "End Date" like below.
from itemsjs.
One of our goals for this week is to implement the date range search. We look forward to getting your guidance on the best way to accomplish it. Thanks again!
from itemsjs.
You can totally tackle this UI issue using the filter function
. There's a great example you can check out right here: https://github.com/itemsapi/itemsjs/blob/master/docs/configuration.md.
Also, just a heads up, you can create faceted filters that would look something like this:
Years:
"2023" -> 100 movies
"2022" -> 50 movies
"2021" -> 120 movies
Tags:
"Drama" -> 200 movies
"Western" -> 50 movies
This is really where itemsjs comes into its own and shows off what it can do. Hope this helps!
from itemsjs.
How do we get the value of the text box into the filter function? It works when we hard code a number, but not when we try to get the value of the text box.
Please notice the number1 text box in the UI:
and how we tried to use it in the filter function:
full files attached
index.njk - Copy.txt
itemsjs-config.njk - Copy.txt
Thank you, Thank you!
from itemsjs.
Can we get a little help hooking up the text box in the UI to the itemsjs library? Not sure how to make this work.
from itemsjs.
We have several examples of this in our demo documentation, which you can find at https://github.com/itemsapi/itemsjs/blob/master/docs/demo.md. These examples include implementations using Vue and native JS, showing how to hook up a text box with ItemsJS. Please take a look and see if these examples help you solve your problem
from itemsjs.
Related Issues (20)
- leaflet map integration HOT 1
- Add Typescript types HOT 8
- Asking for help, search nested objects HOT 4
- Improvement request : buckets sort HOT 2
- [Feature Request] Support both conjunctions in aggregations HOT 4
- bug with selected value for boolean facet HOT 3
- Is there an adapter for redissearch HOT 1
- Need for several search comparaison operators HOT 4
- [Question] How can I get the elements of an aggregation into a list? HOT 1
- [Question] What is the right way to import itemsjs in Vue3 HOT 1
- [Feature Request] A 'better than' filter logic on tags. HOT 1
- TypeError: Cannot read properties of undefined (reading 'words') HOT 2
- Ranges...? HOT 1
- Fuzzy search / prefix match? HOT 3
- Place null values last when sorting HOT 1
- searchableFields does not work well if array items contain dashes or spaces HOT 2
- Why does checkbox work to filter, but drop down box does not? HOT 1
- Persistence of index HOT 1
- No SearchOptions field "ids" for disabled native search?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from itemsjs.