Filtering Repeater with a dropdown

Ask the community
,
1

Good day, I am looking into filtering a repeater initially at load so that instead of showing ALL data, it just shows 1 item first. Then, the user can use the dropdown menu to find whatever they are looking for. My code is NOT working, code below:

import wixData from ‘wix-data’;

$w.onReady( () => {
$w(“#dataset3”).setFilter(
wixData.filter().eq(‘player’, ‘Jose’));
function dropdown5_change(event) {
let selectedValue = $w(‘#dropdown5’);
let myValue = selectedValue.value;
$w(“#dataset3”).setFilter
wixData.filter().eq(‘player’, myValue));
}
});

2

Hello

move the function inside the on ready:

 
import wixData from 'wix-data';

$w.onReady(() => {
    $w("#dataset3").setFilter(wixData.filter().eq('player', 'Jose Calvo'));

});

export function dropdown5_change(event) {
 //Add your code for this event here: 
 let myValue = $w('#dropdown5').value;
    console.log(myValue,"myvalue")
    $w("#dataset3").setFilter(wixData.filter().eq('player', myValue));
}

Best
Massa

3

Massa, thanks for the reply. This worked but it did not eliminate the problem which was, taking less time to process the upload of the page. It seems the page is running ALL the repeaters and THEN filtering which is taking a lot of time considering there are 100 lines of data (or 100 repeaters). Can you recommend another way of filtering previous to loading the page, and then having the ability to use a dropdown to change that repeater?