Dropdown Filters in Wix
- Apr 29, 2022
- 1 min read
Learn to filter your repeaters with dropdown inputs in Wix. This will allow your users to find what they are looking for a lot quicker.
import wixData from 'wix-data';
export function searchButton_click(event) {
search();
}
function search() {
wixData.query("Properties")
.contains("propertieType", String($w("#dropdown1").value))
.and(wixData.query("Properties").contains("listingType", String($w("#dropdown2").value)))
.find()
.then(results => {
$w("#propertiesRepeater").data = results.items;
$w('#searchButton').hide();
$w('#resetButton').show();
$w('#resetButton').enable();
});
}
export function resetButton_click(event) {
$w('#propertiesDataset').setFilter(wixData.filter());
$w('#dropdown1').value = undefined;
$w('#dropdown2').value = undefined;
$w('#resetButton').hide();
$w('#searchButton').show();
}
Make sure you name your elements properly to ensure that the code works correctly. Or at least change the code to the names you used on your site.
Have Fun!
Comments