Search function for a repeater

Ask the community
,
10

i do it on my site with 5 fields linked to 1 input you can keep expanding it as much as you need

828×785 26.9 KB

also the onKeyPress lag can be reduced with a timer

let debounceTimer
function update() {
 if (debounceTimer) {
        clearTimeout(debounceTimer);
        debounceTimer = undefined;
    }
    debounceTimer = setTimeout(() => {
        filter($w('#searchBox').value);
    }, 200);
}
export function searchBox_keyPress(event, $w) {
    update();
}
function filter(title) { 
//data search code with title holding the value of the searchbox
}

the 200 can be increased to any number. It causes the search to only happen X milliseconds after the user has stopped typing