Repeater Search Bar

Ask the community
,
1

i have the following code for a search bar for the database that repeaters are connected to
import wixData from “wix-data”;

let debounceTimer;
export function iTitle_keyPress(event,$w) {
if (debounceTimer) {
clearTimeout(debounceTimer);
debounceTimer = undefined;
}
debounceTimer = setTimeout(() => {
filter($w(‘#iTitle’).value);
}, 200);
}

let lastFilterTitle;
function filter(title) {
if (lastFilterTitle !== title) {
$w(‘#dataset1’).setFilter(wixData.filter().contains(‘stroke’, title));
lastFilterTitle = title;
}
}

Currently you can only search by one database field (stroke) i want to be able to search multiple fields any suggestions?

2

something like this…

export function searchbutton_click(event, $w) {
$w(“#dataset1”).onReady(() => {

        let SearchValue = $w("#searchbox").value; 

        $w("#dataset1").setFilter( 

            wixData.filter() 
            .contains("collectionFieldKey1", SearchValue) 
            .or( 
                wixData.filter() 
                .contains("collectionFieldKey2", SearchValue) 
                .or( 
                    wixData.filter() 
                    .contains("collectionFieldKey3", SearchValue) 
                ) 
            ) 
            ); 
        }) 
}