Is there a way to configure repeaters to only load information after button is clicked?

Ask the community
,
1

I have a complex page with a really heavy dataset contianing lots of information that feed the repeater. its making the page took more than 30 secs to load when first entering. the mobile version dont even load, chrome stops it by timeout. The said repeater is collapsed onLoad and only revealed after clicking a button. Is it possible to only load information when repeater is visible, or only after button is clicked the first time?

2

If you bind the data using code instead of via the editor, you can do that.
Disconnect the datasets from the repeater on the editor, and add to the page code some thing like:

let data;
$w.onReady(() => {
    $w("#dataset1").onReady(() => {
        $w("#dataset1").getItems(0, 1000)
        .then(r => {
            data = r.items;
            $w("#button1").enable();//disable it on load.
        })
        $w("#button1").onClick(event => {
            $w("#repeater1").data = data;
    })
})
$w("#repeater1").onItemReady(($i, iData) => {
    $i("#image1").src = iData.image;
    $i("#text1").text = iData.title;
    //etc...
    })
})
3

Seems good! I will try it. I’m really hoping it dosen’t conflicts with the other codes I have used for this system to work, it was loads of them XD thank you J.D.

4

Welp, I tried it. I’m sure in a normal situation it would have worked nicely. Unfortunately there are so much info to load that it beaks the process and says “there is not enough ram to run” XD