Hi,
I am an aspiring UXer and have been using Wix to build my portfolio. I have my content up and all that but I need to make it work like a ‘proper’ website now and i’m finding it really hard to do it at the moment.
I don’t have the best programming skills so this is really tough for me.
The problem:
I wanted to add ‘filters’ to my repeater that is on a dynamic page using the boolean fields I have set up in a database. I think I did all the relevant coding but nothing seems to work when I publish the page and use my dropdown!!
You can see the problem yourself on https://www.amiuxuics.com/projects
I’ve added all the screenshots and code that I think is relevant. Please let me know if you need more details.
Here is my repeater and dropdown. I’m just showing what is on the page with this screenshot. May I add this is a dynamic page and I have no idea if that causes any issues. Since I created this screenshot I have deleted the ‘categories’ database.
Here is the database I am using when coding my dropdown to filter based on the boolean values but it doesn’t work at all!! I have no idea why.
Here is the code:
import wixData from ‘wix-data’;
$w.onReady( function () {
});
export function dropdown1_change(event) {
let filter = $w(“#dropdown1”).value;
$w("#dataset1").onReady(() => {
if (filter === “Interaction Design”) {
$w(“#dataset1”).setFilter(wixData.filter().eq(“interactionDesign”, true ));
}
if (filter === “UI work”) {
$w(“#dataset1”).setFilter(wixData.filter().eq(“uiWork”, true ));
}
})
}
The output is absolutely nothing happening…i.e I use the dropdown and nothing happens. It might be a bit tedious to put a screenshot of this up when you can just see the link I have provided.
Please help me out because this really sucks and feel like its honestly hindering my job finding process!