I’m new to code. I’ve watched this video 100 times and I don’t understand which bits of code to replace to apply the code to my website.
This is what I have worked out, mine is a recipes page:
The searching box: iTitle = iRecipeSearch
The dropdown box: iContinent = iRecipeCategory
The names of the items/recipes i’m searching: articleTitle = recipeSearchTitle
The categories I want to filter: continent = recipeCategory
I just can’t put this ^ in the below code i’m so confused…I manage to get the search box part right but as soon as I try to do the drop down box part it is all kaput.
Where do I start?
import wixData from “wix-data”;
$w.onReady(() => {
loadContinents();
});
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);
}, 500);
}
export function iContinent_change(event, $w) {
filter(lastFilterTitle, $w(’ #iContinent ‘).value);
}
function filter(title, continent) {
if (lastFilterTitle !== title || lastFilterContinent !== continent) {
let newFilter = wixData.filter();
if (title)
newFilter = newFilter.contains(‘articleTitle’, title);
if (continent)
newFilter = newFilter.contains(‘continent’, continent);
$w(’ #dataset1 ‘).setFilter(newFilter);
lastFilterTitle = title;
lastFilterContinent = continent;
}
}
function loadContinents() {
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;
});
}