Making a container clickable

Ask the community
,
2

Everything what is INSIDE REPEATER → $item (not $w)
If you use $w INSIDE REPEATER you will call all items (at once).

Create a REPEATER ( ‘#repeater1’ ) on your page.
Rename your REPEATER-Container to → ‘#container1’

Paste the following code to your page: Test the SETUP.

let data = [
  {
    "_id": "1",
    "firstName": "John",
    "lastName": "Doe",
    "image": "http://someImageUrl/john.jpg"
  },
  {
    "_id": "2",
    "firstName": "Jane",
    "lastName": "Doe",
    "image": "http://someImageUrl/jane.jpg"
  }
]

$w.onReady(function () {
    $w('#repeater1').data = data;
    $w('#repeater1').onItemReady(($item, itemData, index)=>{
        console.log("Item-Data: ", itemData); 
        console.log("Index: ", index);
        
        $item('#container1').onClick(()=>{
            console.log("Selected-Item-Data: ", itemData); 
        });
    });
});