Hello, i am attempting to following this video: https://www.youtube.com/watch?v=Hx7_8-lRsW0&feature=youtu.be
I was successful with the search bar but having difficulties getting the dropdown to run.
My database is “dynamicData”, “iDiet” is dropdown, I want to filter by Category (fieldtitle is category). Any thoughts?
My code is copy and pasted below -
import wixData from ‘wix-data’;
$w.onReady(() => {
wixData.query(‘category’)
.find()
.then(res => {
let options = [{“value”: ’ ', ‘label’: ‘All Categories’}];
options.push(…res.items.map(category => {
return {‘value’: category.title, ‘label’: category.title};
}));
$w(“#iDiet”).options = options;
})
});
export function iTitle_keyPress(event) {
let SearchValue = $w(“#iTitle”).value;
$w(“#dynamicDataset”).setFilter(wixData.filter().contains(‘title’, SearchValue))
}
let lastFilterTitle;
let lastFilterCategory;
function filter (title, category) {
if (lastFilterTitle !== lastFilterCategory !== category) {
let newFilter = wixData.filter();
if (title)
newFilter = newFilter.contains(‘Title’, title)
if (category)
newFilter = newFilter.eq(‘category’, category);
$w(‘#dynamicDataset’).setFilter(newFilter);
lastFilterTitle = title;
LastFilterCategory = category;
}
}
export function iDiet_change(event, $w) {
filter(LastFilterTitle, $w(‘#iDiet’).value);
}