Discussions
Categories
- 385.5K All Categories
- 4.9K Data
- 2.5K Big Data Appliance
- 2.4K Data Science
- 453.4K Databases
- 223.2K General Database Discussions
- 3.8K Java and JavaScript in the Database
- 47 Multilingual Engine
- 606 MySQL Community Space
- 486 NoSQL Database
- 7.9K Oracle Database Express Edition (XE)
- 3.2K ORDS, SODA & JSON in the Database
- 585 SQLcl
- 4K SQL Developer Data Modeler
- 188K SQL & PL/SQL
- 21.5K SQL Developer
- 46 Data Integration
- 46 GoldenGate
- 298.4K Development
- 4 Application Development
- 20 Developer Projects
- 166 Programming Languages
- 295K Development Tools
- 150 DevOps
- 3.1K QA/Testing
- 646.7K Java
- 37 Java Learning Subscription
- 37.1K Database Connectivity
- 201 Java Community Process
- 108 Java 25
- 22.2K Java APIs
- 138.3K Java Development Tools
- 165.4K Java EE (Java Enterprise Edition)
- 22 Java Essentials
- 176 Java 8 Questions
- 86K Java Programming
- 82 Java Puzzle Ball
- 65.1K New To Java
- 1.7K Training / Learning / Certification
- 13.8K Java HotSpot Virtual Machine
- 94.3K Java SE
- 13.8K Java Security
- 208 Java User Groups
- 25 JavaScript - Nashorn
- Programs
- 667 LiveLabs
- 41 Workshops
- 10.3K Software
- 6.7K Berkeley DB Family
- 3.6K JHeadstart
- 6K Other Languages
- 2.3K Chinese
- 207 Deutsche Oracle Community
- 1.1K Español
- 1.9K Japanese
- 474 Portuguese
display processing page on ui untl data is not fetched

I am using ajax call to retrieve data from server, it takes few seconds for data to come at front end and get populated, as the data is getting retrieved i want to display a processing page. I was going through cookbook - https://www.oracle.com/webfolder/technetwork/jet/jetCookbook.html?component=pullToRefresh&demo=basicPullToRefresh, but at the top it is mentioned that it only works for touch enabled devices and it is using oj collections and i am not doing so. I have also taken a look at https://www.oracle.com/webfolder/technetwork/jet/jetCookbook.html?component=progress&demo=loading and this also doesn't seem to meet the need. Is there any other way. Does ojet provide us with the functionality to display a process page or some sort of loading gesture on whole page as data is getting retrieved?
Or i am wrong somewhere and using above listed links we can achieve the needed?
Answers
-
The standard technique for handling this is very simple.
1. You create a flag observable that is initially false and which you will set to true when your AJAX call returns
2. In the UI you use a couple of <oj-bind-if> statements to either display a loading image or the results depending on the state of that variable. Because the UI will be automatically be refreshed when the flag variable changes this would initially show the loading view and then switch to display the data as soon as it's ready.
So for example you might have something like this:
<oj-bind-if test="[[dataLoaded()===false]]">
<img src="/images/spinner.gif">
</oj-bind-if>
<oj-bind-if test="[[dataLoaded()===true]]">
<oj-table ....>
</oj-table>
</oj-bind-if>