Opening links in new tab by clicking button in the repater

Ask the community
,
4

847×587 25.2 KB

  1. USING DATASET…
$w.onReady( function () {
  $w("#repeatedContainer").onClick( (event) => {
    let $item = $w.at(event.context);
    let clickedItemData = $item("#myDataset").getCurrentItem();
  } );
} );
  1. USING DATA-PROPERTY…
$w.onReady( function () {
  $w("#repeatedContainer").onClick( (event) => {
    const data = $w("#myRepeater").data;
    let clickedItemData = data.find(item => item._id === event.context.itemId);
  } );
} );
  1. USING Wix-DATA without any DATASETS (example)
const bikeData = [
  {
    "_id":"bike1",
    "img":"wix:image://v1/6875c086ef453f5727c2b5932b3b3be4.png/Red Bike#originWidth=550&originHeight=300",
    "description":"Red Bike"
  },
  {
    "_id":"bike2",
    "img":"wix:image://v1/703b4af24578ada6f1e11725a468096e.png/Speed Bike#originWidth=550&originHeight=300",
    "description":"Black Bike"
  },
  {
    "_id":"bike3",
    "img":"wix:image://v1/2bb3219153c347daf475067d763be40d.png/Neon Bike#originWidth=550&originHeight=300",
    "description":"Green Bike"
  }
];



$w.onReady(function () {
  $w("#myRepeater").data = bikeData;
  
  $w("#myRepeater").onItemReady(($i,iData,i)=> {
    $i("#image1").src = iData.img;
    $i("#text1").text = iData.description;

    $i("#image1").onClick((event) => {
      $i("#text1").text = "Selected";
    });
  });  
});