Repeater question

Ask the community
,
1

I have write the code, my problem is when i hover in repeater 1 it dont filter it in repeater 2 and show it. I know the problem is with hover.

Where i think is the problem i have make in " red text ". Hope any can fix the code.

Code:

$w.onReady(() => {
  $w("#h5634567345").onItemReady(($item, itemData, index) => {
    const button = $item("#button8238");
    button.onMouseIn(() => {
            
      const item = $w("#dataset1").getCurrentItem();
      
      $w("#dataset2").setFilter(wixData.filter()
        .eq("title", item.title)
      )
        .then(() => {
          console.log("Filter set successfully");
        })
        .catch((err) => {
          console.log(err);
        });
    });
  });
});

What i want: I have in repeater 1 on 10 items with button button8238.
Now i hover on the item 3 in repeater 1 and it show only the item 3 in repeater 2.

With that it give me the possibility that visitors dont need click on button and open new site, they can preview the item on hover.

2

Up

3 
.
..
...
$w("#h5634567345").onItemReady(($item, iData, i)=>{
	$item("#button8238").onMouseIn(()=>{	
		let item = $w("#dataset1").getCurrentItem();
		console.log("ITEM: "; item);
		console.log("TITLE: ", item.title)
		$w("#dataset2").setFilter(wixData.filter()
		.eq("title",item.title))
		.then(()=>{
			console.log("Filter set successfully");
		}).catch((err)=>{console.log(err);});
	}
});
...
..
.
4

Thanks for you help, have rewrite it, that code work:

$w.onReady(() => {
  $w("#repeater1").onItemReady(($item, itemData, index) => {
    $item("#button4287").onMouseIn(() => {
      const hoveredItemTitle = itemData.title;

$w("#dataset2").setFilter(wixData.filter().eq("title", hoveredItemTitle))
        .then(() => {
          $w("#f4534").show();
          console.log("Filter set successfully");
        })
        .catch((err) => {
          console.log(err);
        });
    });
  });
});
5

:wink: