Table search

[salihin-mja]

sorry2 @av-promotional . Suppose this full coding. I decide choose search in “Enter”.

1. i want to create search bar like below

2. After key in full name, or other in search bar and “enter” the result should show like below in box

3. I have done create database at content manager like below. The search bar already create as below

Here database i create in content manager

$w.onReady(function () {
$w(‘#ifullname’).onKeyPress((event)=>{
let key = event.key;
if (key === “Enter” || key === “Tab”) {
$w(‘#ifullname’).blur()
filter()
}
} )

$w(‘#icompetent’).onKeyPress((event)=>{
let key = event.key;
if (key === “Enter” || key === “Tab”) {
$w(‘#icompetent’).blur()
filter()
}
} )

$w(‘#ilocation’).onKeyPress((event)=>{
let key = event.key;
if (key === “Enter” || key === “Tab”) {
$w(‘#ilocation’).blur()
filter()
}
} )

$w(‘#ifullname’).value = null

$w(‘#icompetent’).value = null
$w(‘#ilocation’).value = null
$w(“#dataset1”).refresh()

} )

})

let filter;
export function filter() {
filter = wixData.filter();
if ($w(‘#ifullname’).value !== undefined && $w(‘#ifullname’).value !== null && $w(‘#ifullname’).value !== “”) {
filter = filter.contains(“ifullname”, $w(‘#ifullname’).value);
}
if ($w(‘#icompetent’).value !== undefined && $w(‘#icompetent’).value !== null && $w(‘#icompetent’).value !== “”) {
filter = filter.contains(“icompetent”, $w(‘#icompetent’).value);
}
if ($w(‘#ilocation’).value !== undefined && $w(‘#ilocation’).value !== null && $w(‘#ilocation’).value !== “”) {
filter = filter.contains(“ilocation”, $w(‘#ilocation’).value);
}

$w("#dataset1").setFilter(filter); 

}