Francisco Brito
Rank: #688
13Views
4Comments
Solved
How i configure one progress bar for when the datatable is been loading
Question
Reactive
Data
Database
Application Type
Reactive

Hi guys, i have this data table and i want that when the user clicks on this funcionality, a progress bar will appear while the table is being loaded, because when it is loading it is blank (because in that datatable have images, so this is the reason why it´s during long time to loading the datatable). And so that way the user gonna knows that the table is being loaded instead of nothing appearing.


InformacaoInternaomltabelademoraacarregar.oml

0
0
on 2020-11-04
Copy link to comment
Romero
Rank: #458
Solution

Hi Francisco,


One good practise in reactive applications is exacly what you mention, give the user some feedback that something it's happening (in this case loading).

 What you can do is use the property .IsDataFetched. This will indicate you when your query is done loading or not, enclose your table/list in one IF statement and use the .IsDataFetched to show or Hide. 

When it's loading the platform already has something built in with a specific class for this cases, and you can simple add a container with the class "list-updating". With this the user will get a spinner while the list is loading. (Otherwise you can customize here according to your needs if that class is not enough).


0
0
on 2020-11-04
Copy link to comment
Francisco Brito
Rank: #688

I´m not understand yet how i do. Please say me what i need do step by step.

0
0
on 2020-11-04
Copy link to comment
Romero
Rank: #458

Replying to Francisco Brito's comment on 04 Nov 2020 16:38:57

Did you took at closer look into the prints? They should be enought to get what you need.

First enclose your list/table in the IF statement, the IF would be controlled by the .IsDataFetched property from your source, and when is loading (False condition of the IF) add the container with the class "list-updating"

0
0
on 2020-11-04
Copy link to comment
Francisco Brito
Rank: #688
1
0
on 2020-11-04
Copy link to comment