I have tried to recreate the video “Wix Code | How to Create a Search for Your Database” with. But if I chose “All Continents” (it is an element in my drop down menu with name “All Continents” and value “All Continents”), it doesn’t work.
Any suggestions how I could change up the code to make it work? Would help me a lot.
import wixData from “wix-data”;
$w.onReady(() => {
wixData.query(‘Continents’)
.find()
.then(res => {
let options = [{“value”: ‘’, ‘label’: ‘All Continents’}];
options.push(…res.items.map(continent => {
return {‘value’: continent.title, ‘label’: continent.title};
}));
$w(‘#iContinent’).options = options;
})
});
let lastFilterTitle;
let lastFilterContinent;
let debounceTimer;
export function iTitle_keyPress(event, $w) {
if (debounceTimer) {
clearTimeout(debounceTimer);
debounceTimer = undefined;
}
debounceTimer = setTimeout(() => {
filter($w(‘#iTitle’).value,lastFilterContinent);
}, 200);
}
function filter(title, continent) {
if (lastFilterTitle !== title || lastFilterContinent !== continent) {
let newFilter = wixData.filter();
if (title)
newFilter = newFilter.contains(‘articleTitle’,title);
if (continent)
newFilter = newFilter.eq(‘continent’,continent);
$w(‘#dataset1’).setFilter(newFilter);
lastFilterTitle = title;
lastFilterContinent = continent;
}
}
export function iContinent_change(event, $w) {
filter(lastFilterTitle,$w(‘#iContinent’).value);
}