Display "noResults" after filtering

Ask the community
, ,
1

Question:
I need help to add function to display “noResults” text to my code.

Product:
Wix Studio

Here is my code…

import wixData from ‘wix-data’;
import { session } from ‘wix-storage’;

$w.onReady(function () {

errorTextResult();

//RETRIEVE SAVED FILTER & SEARCH :rocket:
$w(“#searchBar”).value = session.getItem(“search”)

if ($w('#searchBar').value.length > 0) {


    $w("#resetButton").show();


    $w("#dynamicDataset").setFilter(wixData.filter().contains('propertyNames', session.getItem("search")));


}


//FILTER ON THIS PAGE 🎉
$w('#searchButton').onClick(() => {
    session.setItem("search", $w("#searchBar").value);


//wixLocation.to('https://www.roserentalsllc.net/rentals');
});

});

export function searchButton_click_1(event) {
search();

}

function search() {

wixData.query("Rentals")
    .contains("status", String($w('#statusDropdown').value))
    .and(wixData.query("Rentals").contains("bedrooms", String($w('#bedroomDropdown').value)))
    .and(wixData.query("Rentals").contains("bathrooms", String($w('#bathroomsDropdown').value)))
    .and(wixData.query("Rentals").contains("propertyType", String($w('#homeTypeDropdown').value)))
    .and(wixData.query("Rentals").contains("propertyNames", $w('#searchBar').value)
    .or(wixData.query("Rentals").contains("address1", $w('#searchBar').value)))


    .find()
    .then(results => {
        $w('#repeater2').data = results.items;
    });
    $w('#resetButton').show();
    $w('#resetButton').enable();
    $w('#searchButton').hide();

}

export function resetButton_click_1(event) {

$w('#dynamicDataset').setFilter(wixData.filter());
$w('#statusDropdown').value = undefined;
$w('#bedroomDropdown').value = undefined;
$w('#bathroomsDropdown').value = undefined;
$w('#homeTypeDropdown').value = undefined;
$w('#searchBar').value = undefined;


$w('#searchButton').show();
$w('#searchButton').enable();
$w('#resetButton').hide();

}

2

You can check the .length property of results.items and if the length is 0 then have it do whatever logic you need to display a “No Results” type of response to the user. Often this can be done by .expand() or .show() of a previously collapsed/hidden element.