Repeaters and Tabs

Ask the community
, ,
1

Question:
Why does my repeater use the same filter even though they are in different tabs?

Product:
WiX Studio

What are you trying to achieve:
I’m trying to use Tabs as my main navigation in a page that shows my Repeater.
I.E. Residential Projects Tab has a repeater inside and will use a single CMS that will be filtered by “Residential”.

What have you already tried:
However, when I connect the repeater to the CMS and used the filter “Residential”, all the other Repeater in all my Tabs used the same filter and when I try to change the filter of the Repeater in different Tab, it applies to everything as well.

2

Hi, Phillip_Earl_Ramos !!

I did a quick test with a similar setup, and by creating separate datasets for each tab and connecting the items to the repeater, I was able to display filtered items per tab in the repeater. :smiley: Could you explain the steps you’re using to implement the “Residential filter”? Just to confirm, are you properly creating separate datasets for each repeater? :thinking:

3

I was hoping to use a single dataset because it’s for a dynamic page :pensive:

My end goal was supposed to be
Dynamic Page (List) has Tabs for Residential, Commercial, and Interior Designs which would have repeaters and filtered by their categories so when I input an item in the dataset, it would be a Dynamic Page (Item) and would be filtered by the Tabs in the (List)

Seems like that’s the only viable way to do it so I made different dataset however my new problem is how would I make it dynamic so it would generate it’s own page?

4

I see, so this was about dynamic pages. I don’t have much experience applying Velo code to dynamic pages, so I can’t say for sure, but I believe it might be possible to dynamically filter lists using Velo code (though I’m not certain at all). I’m also interested in this, so I’ll try it out soon. Categorizing lists could be useful in various situations in the future. Essentially, you want to filter the data within a single collection by category, so that you can switch the displayed list by category, and clicking on an item in that list would take you to the item’s page, right? :thinking:

5

Thank you so much as I appreciate your help! And yes, that’s the goal :pray:

Maybe I’ll just try to create multiple Dynamic dataset and just hide the List and Item page so I’ll be able to create Dynamic Datasets and use those in my actual final Dynamic Page :rofl: just to be able to generate and link them in their respective Dynamic Page (Item)

Thankfully we can just copy and paste the sections in wix

6

I set up a dropdown on the list page to allow users to select a category, and when a category is chosen, the list is filtered and updated accordingly. Is this what you were trying to achieve?

import wixData from "wix-data";

$w.onReady(function () {

});

$w('#dropdown1').onChange(async (event) => {

    const selectedValue = event.target.value;

    const filters = {
        "A": wixData.filter().eq("category", "A"),
        "B": wixData.filter().eq("category", "B"),
        "reset": wixData.filter()
    };

    const selectedFilter = filters[selectedValue] || wixData.filter();

    await $w("#dynamicDataset").setFilter(selectedFilter);
    $w("#dynamicDataset").refresh();

});