2016-04-28 6 views
0

Ich benutze Orakel Apex 5.0 mit Thema: Universal Theme - 42. Ich bin gerade auf einen SUCHE-Button klicken, um die Seite einzureichen. Ich nenne die folgende Funktion:Wie verhindern Sie das Klicken nach dem Senden der Seite in Oracle Apex 5.0?

javascript:apex.submit({request:'SEARCH',showWait:true}); 

Dieser Funktionsaufruf oben schafft das Spinn Symbol in der Mitte der Seite, aber der Benutzer hat immer noch die Möglichkeit, eine andere Taste oder sogar die gleiche Taste klicken. Ich habe diesen Beitrag http://rimblas.com/blog/2015/08/enhancement-to-waitpopup-on-apex5/ gelesen, der besagt, dass Sie diesen Funktionsaufruf verwenden: apex.widget.waitPopup();.

Ich habe das auch verwendet, und ich habe das gleiche Problem wie wenn ich die erste Submit-Funktion verwende. Ich schaute auf eine Beispiel-Apex-Anwendung, in der die Funktionalität funktionierte, und es gibt ein Div-Overlay-Element, das erscheint, um die Seite zu blockieren.

Weiß jemand, ob ich das Thema ändern/ein Plug-In hinzufügen oder irgendetwas anderes tun muss, damit das div-Element nach dem Senden mit dem Wartesymbol angezeigt wird? Irgendwelche Ideen oder Gedanken sind hilfreich, danke.

+0

http://stackoverflow.com/questions/36156333/apex-5-0-show-a-progress-bar-while-database-action-is-performed/36167728#36167728 – brenners1302

+0

Ich werde die Verwendung dynamische Aktion, wenn nötig, danke. Aber weißt du irgendeinen Grund, dass showWait: true nicht richtig funktioniert? – Chris

+0

Ich habe die dynamische Aktion eingefügt, und ich habe immer noch das selbe Problem, der Benutzer kann immer noch auf die Seite klicken, während das Senden läuft – Chris

Antwort

0

Dies ist der Thread, der mir geholfen hat, die richtige Antwort zu erhalten: https://community.oracle.com/thread/3925427?sr=inbox&ru=252540.

Die Lösung bestand darin, css der Inline-CSS der Seite hinzuzufügen. Jetzt führen sowohl die URL- als auch die dynamische Aktion den erwarteten Weg aus.

.apex_wait_overlay { 
display: block; 
position: fixed; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
background-color: #000; 
z-index: 1001; 
-moz-opacity: .5; 
opacity: .5; 
filter: alpha(opacity=50); 
} 
Verwandte Themen