Using utils.downloadPage() in a for loop to download a dynamically changing component?

App Building
,
1
  • Goal: I want utils.downloadPage() to run completely before the for-loop iterates to the next index.
  • Steps: I've tried using await, but that didn't work since the function is not asynchronous. I've tried putting utils.downloadPage() in an asynchronous function and calling that function with await. I've also tried using a sleep timer both before and after the function. None of these attempts were successful
  • Details: I have a container component that is filled with text components. The text components have values in them that change with each iteration in the for loop. The utils.downloadPage() function is the last thing in the loop, but whenever I run it, every downloaded file only contains the text values of the final iteration.

Below is some example code to show what I'm trying to do:

// fruit = {apple, banana, orange}
for (let i = 0; i < fruit.size; i++)
{
// Set the value of Text1 to the current fruit
// Text1 is a text component within container1
Text1.setValue(fruit[i]);

// Download only container1 component
utils.downloadPage(fruit[i], { componentsToInclude: ['container1'] });
}

In the above case, I will only see text1 change to "orange" in the app visualizer and while all filenames reflect the iteration being downloaded (I'll actually get "apple.pdf", "banana.pdf", and "orange.pdf"), the file content will all only contain "orange" rather than each file containing a different element of fruit.

Is there a way to accomplish this?

2

Hello @blu

I tried this code and it worked for me:

let fruit = ['apple', 'banana', 'orange']
for (let i = 0; i < fruit.length; i++)
{
  await text1.setValue(fruit[i])
  await utils.downloadPage(fruit[i]);
}

Here are the downloaded items:
image

Each item has a different text according to the fruit

4

@GuilhermeSilva

Oddly enough, where await works for you, it does not work for me because my environment isn't recognizing the text component and downloadPage() function as async functions

5

Try using a while or a for(x of y) instead of that normal for loop, see if that helps

6

I figured it out! I was using 'await' in a synchronous function which is why it was giving me an error. I made my function an async function and that solved the issue. Thanks for the tips!