B4J Question [BananoVuetifyAD3] long calculation and browser window goes white

In your for loop, try and add a second counter, for example, it can count to 100, then in each cycle it updates the progress, with the % complete of the master loop and you set it back to 0.

Or rather use the page loader, which you can show and hide on demand.

The problem is that I have nested loops, but after a lot of searching around Javascript then I understand that when a loop or something else take too long time then the render will be blocked due to Javascript beeing synchronous and only one threaded.
I found out that it should work with BANano.Window.setTimeout() and do recursive calls to the method, but it does not work, not for me anyway. All calculations are done correct but DOM or render will not happen even with the loop separated to recursive calls.
I also mange to make the loop method to be async but it did not make any differance.
I also tried to use BANano.Window.RequestAnimationFrame but I guess when the method take longer than 16ms then it will fail to render the window anyway even when using the requestanimationframe.
In these loops I do some reading of things in the webpage and I will try to change that because I think it is those readings that take a lot of time.
When setTimeout is used still one loop takes between 1-15 second which seems to be to much and the rendering of the screen will not happen.
I also add these calculated data in to VueTable which in the end will have 45000 rows as maximum, maybe that is too many rows for the VueTable also I do not know.
I guess a backgroundworker would be an option but then I need to remove the reading of the webpage for sure.

Sorry for a long post and a lot of questions but I think I will manage to solve this in the end with the removed reading of the page.
But I really thought that setTimeout should have sorted the rendering of the window.

I actually got it to work if I change the generated Javascript file!
If I use B4j code:

Then it is converted to:

and according to this page:
https://www.w3schools.com/js/js_asynchronous.asp
You shall not use the parenthesis for myFunction when using setTimeout().

If I change the Javacode to this:
Then it works and updates the progress circle as it should!

@alwaysbusy is there a way to not have the parenthesis added in the transpiler?

Best regards
Christian

I added this workaround which works for now:

Christian75 said:

@alwaysbusy is there a way to not have the parenthesis added in the transpiler?

Click to expand...

I will have to investigate this further as _B has a special meaning in BANano.

alwaysbusy said:

Will be fixed in the next version

Click to expand...

Ok thanks!