Dropdown Filter: How to revert back to show all on repeater

Ask the community
,
1

Hello,

I created this page to show a list of items on repeater (connected to a database). I have a dropdown menu that filters the repeater, but I also have an “All” option on the dropdown to show everything again.

How do you display all items when “All” is selected on the menu?

Any help is much appreciated.

2

What you do is use an empty filter.

$w(‘#dataset1’).setFilter(wixData.filter());

“To clear a dataset’s current filter, call setFilter() and pass it an empty filter. You create an empty filter by calling the filter() function without chaining any of the additional filter functions “

3

Thank you! I’m trying to call the empty filter when “All” is selected on the dropdown menu. So currently, I have this but when “All” is selected, there is no change. Can you help me figure out what’s wrong?

export function typeDropdown_change(event){
let filterType = $w(‘#typeDropdown’).value;
if (filterType === “All”){
$w(‘#dataset1’).setFilter(wixData.filter().contains());
} else {
$w(‘#dataset1’).setFilter(wixData.filter().contains(“type”, filterType));
}
}

4

Hey @anezkachua

like this

export function typeDropdown_change(event){
  let filterType = $w('#typeDropdown').value;
    if (filterType === "All"){
         $w('#dataset1').setFilter(wixData.filter());
   } else{
        $w('#dataset1').setFilter(wixData.filter().contains("type", filterType));
   }  
 }
5

@anezkachua As I said you need to use an empty filter. You have added a .contains() to the empty filter so it is no longer empty :-).

Remove .contains().

:slight_smile:

6

@salman-hammed Basically you are right but the element naming you have proposed is a little strange for example $w(‘#dataset1’#dataset1’) should be $w(‘#dataset1’).

7

@stevendc Hey I try to change but it’s wierd on edit mode it shows #dataset1 when i click publish it shows #dataset1#dataset1

Here’s the screenshot

930×498 14.6 KB

8

@salman-hammed That is a bit weird. Can you share the url of the page you are referring to?

9

@stevendc
This same URL check my comments above?
The bug is in Wix forum not in Wix sites

10

@salman-hammed A test

export function typeDropdown_change(event){
  let filterType = $w('#typeDropdown').value;
    if (filterType === "All"){
         $w('#dataset1').setFilter(wixData.filter());
   } else{
        $w('#dataset1').setFilter(wixData.filter().contains("type", filterType));
   }  
 }

Seems odd

11

$w(‘#dataset’).value

$w('#dataset').value
12

Well it’s work on this comment’s though

13

Do you want me to take a video screenshots?

14

@salman-hammed Ok no problem. It was probably a bug that has been fixed. The code comment feature has been changed recently due to performance issues.

If it is still doing it sure and we can refer to QA.
Cheers

15

@ Salman2301
Thank you for this clear and simple code! I have been losing my mind over this.