Need help with Checkbox repeater code!

Ask the community
,
12

First of all, please update your code, because i did a mistake, or better said, i forgot to edit some code-lines…

$w('#checkboxGroup1').onChange((event)=> {console.log(event.target.id+"-clicked!");       
        const mySelectedOptions = $w('#checkboxGroup1').value;        
        addItemstoRepeater(mySelectedOptions); console.log(" mySelectedOptions ", mySelectedOptions);
    });
    
    $w('#checkboxGroup2').onChange((event)=> {console.log(event.target.id+"-clicked!");      
        const mySelectedOptions = $w('#checkboxGroup2').value; console.log(" mySelectedOptions ", mySelectedOptions);       
        addItemstoRepeater(mySelectedOptions); 
    });

    $w('#checkboxGroup3').onChange((event)=> {console.log(event.target.id+"-clicked!");       
        const mySelectedOptions = $w('#checkboxGroup3').value; console.log(" mySelectedOptions ", mySelectedOptions);  
        addItemstoRepeater(mySelectedOptions); 
    });

And also here forgot to update DATABASE…

function addItemstoRepeater(mySelectedOptions) {
    let dataQuery = wixData.query(DATABASE);

Second what do you get in CONSOLE as OUTPUT for…

console.log(" mySelectedOptions ", mySelectedOptions);

UPDATED…

$w.onReady(()=> {
    // FIRST GETTING SOME DATA OUT OF Wix-Storage......
    var searchValue = local.getItem("searchWord");  
    // filling your searchbar with the memorized value....
    $w("#searchBar").value = searchValue;
    $w("#searchBar").placeholder = searchValue;

    $w('#searchButton').onClick(async(event)=> {console.log(event.target.id+"-clicked!"); 
        // starting the SEARCH-FUNCTION...after a click onto the SEARCH-BUTTON....
        let resData = await search(searchValue); 
        console.log("My RESULTS = ", resData);
    });

    $w('#checkboxGroup1').onChange((event)=> {console.log(event.target.id+"-clicked!");       
        const mySelectedOptions = $w('#checkboxGroup1').value;        
        addItemstoRepeater(mySelectedOptions); 
        console.log(" mySelectedOptions ", mySelectedOptions);
    });
    
    $w('#checkboxGroup2').onChange((event)=> {console.log(event.target.id+"-clicked!");      
        const mySelectedOptions = $w('#checkboxGroup2').value; 
        console.log(" mySelectedOptions ", mySelectedOptions);       
        addItemstoRepeater(mySelectedOptions); 
    });

    $w('#checkboxGroup3').onChange((event)=> {console.log(event.target.id+"-clicked!");       
        const mySelectedOptions = $w('#checkboxGroup3').value; 
        console.log(" mySelectedOptions ", mySelectedOptions);  
        addItemstoRepeater(mySelectedOptions); 
    });
});

function addItemstoRepeater(mySelectedOptions) {
    let dataQuery = wixData.query(DATABASE);

    if (mySelectedOptions.length>0) {
        dataQuery = dataQuery.hasSome(databaseField, mySelectedOptions);
        dataQuery.find().then((results)=> {            
            const filtereditemsReady = results.items;            
            $w('#repeater1').data = filtereditemsReady;
        });
    }
    else {
        console.log("No selected options found!!!");
    }    
    
}