I’m trying to create a way for users to use selection tags to filter content in a repeater connected to a dataset referring to a collection with ID “IVFPackagesbyCountry”. It needs to look up the input from the selection tag container with ID “selectionTags1” and filter the collection with tags selected from column ID “tags” and update the repeater ID “packages” with the filtered results.
Works like a charm on a test domain but the exact code with the relevant IDs doesn’t work on my main domain - nothing happens when I make a change to the selection tags. The settings of the dataset are the same on test and main domains. I’m sure it’s something really small. Any help will be greatly appreciated. Thanks.
// For full API documentation, including code examples, visit https://wix.to/94BuAAs
import wixData from 'wix-data';
const databaseName = 'IVFPackagesbyCountry';
const databaseField = 'tags';
$w.onReady(function () {
$w('#selectionTags1').onChange((event) => {
const selectedTag = $w('#selectionTags1').value;
addItemstoRepeater(selectedTag);
})
});
function addItemstoRepeater(selectedOption = []) {
let dataQuery = wixData.query(databaseName);
if (selectedOption.length > 0) {
dataQuery = dataQuery.hasSome(databaseField, selectedOption);
}
dataQuery
.find()
.then(results => {
const filtereditemsReady = results.items;
$w('#packages').data = filtereditemsReady;
})
}
I see, interesting. I did use await in python while using selenium. Makes sense but just FYI, I didn’t have to sync the database to live in my test domain. I literally just created the collection and tested the selection tag in preview and it worked. I was expected the same in the main domain.
I don’t want to take it live before testing because I don’t want users to get a bad experience if something doesn’t work, so want to fully test out in preview before I can take it live.
I’ll try with the await and test it in the preview mode. Thanks for the inputs
I just tried the using await but no luck in preview. I didn’t sync the collection to live just for above reasons and also because it worked in the test domain. Any pointers?
@volkaertskristof Thanks, it’s looking likely it’s related to your first comment about syncing sandbox to live. When I compare test and main domain collection, the only difference I see is that test domain doesn’t have anything next to the name of the collection at the top but the main version has sandbox and sync it to live next to the title.
It looks like I’ll just have to publish it and test, not ideal because it’s not complete but it is what it is I guess. I’ll update if that works.
@jp1 The WixDataQuery.hasSome() function does not return a Promise , so no need for an await or a .then() .
Since you are setting the contents of the Repeater in code using the .data property, you will need to add an onItemReady() function to render the Repeater. See the sample snippets in the API documentation .
Also, is your Repeater connected to a Dataset ? If so, you should disconnect it since you are setting the contents with the results of a query and this will create a conflict.
@jp1
Does it give an error in your developer console when you try this?
Ifso what does it say?
I can’t take a look at the code and test it since i don’t have all the elements,
You can always make a copy of the page and make me a contributor.
Thisway i can try it myself and see where it goes wrong.
also make me a contributor of the test domain where you said evrything works fine.
@yisrael-wix With the above code, the repeater pulls up information from the collection and shows all the data. But when I select a tag, it doesn’t filter the repeater showing rows that have the tag. It still shows all the data in the repeater. In other words, no change happens. It looks like the following block isn’t working. I don’t know if this makes sense.
@volkaertskristof There’s no error but it looks like there’s another code on the site. Could it be interfering with the above code? This is what I see in the console.
Loading the code for the site. To debug this code, open masterPage.js in Developer Tools.
Loading the code for the XXXXXXXXX page. To debug this code, open werrtzqe1.js in Developer Tools.
Ok, turns out it works in the live version just not in the preview version!!!
So bizarre that it would work in preview version in test domain and not on the main domain. But atleast now I have a work around not ideal but can live with that. Thanks anyways guys, closing this thread.
