Issue when creating repeater from array

Ask the community
,
1

Hello, community!
Does anyone know why I can’t see my repeater on my first click and only on the second click i can see it correctly?

https://static.wixstatic.com/media/0be7c2_a98969d4154546bb96ebb0569c8f9b43~mv2.gif(image larger than 4 MB)

this is my code, the data is sent from a page to the lightbox and i display it in my repeater8:
import wixWindow from ‘wix-window’ ;

$w . onReady ( function () {

});

//Get data from book-online page
let userCart = wixWindow.lightbox . getContext ();

//implement data to repeater
$w ( ‘#repeater8’ ). data = userCart

//Create repeater + fields
$w ( “#repeater8” ). onItemReady ( ( $item , userCart ) => {

    $item ( "#image10" ). src  =  userCart.image ; 
    $item ( "#text227" ). text  =  userCart.title ; 
    $item ( "#text229" ). text  =  userCart.price ; 

    //Remove item from repeater 
    $item ( '#button11' ). onClick (( event ) => { 

        $item ( '#container7' ). hide ( 'slide' ); 

        let  ogRepeater  =  $w ( '#repeater8' ). data 
        let  newRepeater  =  ogRepeater . filter ( item  =>  item._id  !==  userCart._id ) 

        userCart  =  newRepeater ; 

        console . log ( userCart ,  'uesrCart' ); 
        setTimeout (() => { 
            $w ( '#repeater8' ). data  =  userCart 
            
        },  1500 ); 

    }); 

}); 

$w ( "#repeater8" ). onItemRemoved (( itemData ) => { 

    if  ( $w ( "#repeater8" ). data.length  ==  1 ) { 
        console . log ( 'no items in cart, close cart' ); 
        userCart  = [] 

    } 

});

this is the error i get on my first link:

2440×351 43.5 KB

2

Your code already starts wrong.

Your CODE must start with → $w.onReady().
Put all your generated code into onReady()

$w.onReady(()=>{
…your code here…
…your code here…
…your code here…
});

I ssume that you get an ERROR because you are loading $w-elements before your page is ready.

3

Your a true ninja :wink: