• Passa al contenuto principale
  • Passa alla barra laterale primaria
  • HOME
  • CHI SONO

APPin5Minuti

Come Creare Applicazioni Enterprise Low-Code

Impara a creare Applicazioni Aziendali grazie alle piattaforme di sviluppo Low-Code

Oracle APEX: Come mostrare uno Spinner in una Dynamic Action

Aprile 28, 2021

Uno spinner è un componente grafico che ha lo scopo di avvisare l’utente quando il sistema sta eseguendo una elaborazione in background come, ad esempio, una procedura PL-SQL.

Quando viene visualizzato uno spinner, chi sta utilizzando l’applicazione, sa che il sistema sta facendo qualcosa e, quindi, deve aspettare che l’elaborazione sia completa.

In questo breve tutorial voglio spiegarti come mostrare uno spinner usando la funzione JavaScript apex.util.showSpinner().

IN QUESTO ARTICOLO

  • Come mostrare uno Spinner quando viene eseguita una Dynamic Action PL-SQL
    • STEP 1: crea una Action per mostrare lo Spinner
    • STEP 2: crea una Action per eseguire la Procedura PL-SQL
    • STEP 3: crea una Action per rimuovere lo Spinner

Come mostrare uno Spinner quando viene eseguita una Dynamic Action PL-SQL

Supponiamo che tu voglia eseguire del codice PL-SQL attraverso una Dynamic Action.

Esistono diverse opzioni, in questo tutorial te ne spiegherò 3.

STEP 1: crea una Action per mostrare lo Spinner

Se vuoi, puoi ancorare lo spinner ad una specifico oggetto (regione o item) della tua pagina. In questo caso la prima cosa da fare è impostare lo Static ID.

  • Seleziona la regione su cui vuoi mostrare lo spinner
  • Vai in Advanced ed inserisci uno Static ID

Adesso possiamo richiamare lo spinner dall’azione dinamica.

  • Seleziona la Dynamic Action e configurala con 3 Actions.
  • La prima e la terza Actions serviranno rispettivamente per avviare lo spinner e per disattivarlo
  • La seconda Action eseguirà la logica di cui hai bisogno (ad esempio eseguire una procedura PLSQL)
  • Inserisci la prima Action che serve per avviare lo spinner
    • Action Type: Execute JavaScript Code
    • Code: inserisci il codice seguente dove region_1 è lo Static ID dell’oggetto su cui deve essere mostrato lo spinner
var lSpinner$ = apex.util.showSpinner( $( "#region_1" ) );
  • Il risultato che dovresti ottenere è il seguente
  • Una seconda possibilità è sempre tramite la funzione apex.util.showSpinner in cui però non è specificato l’ID di una regione.
var lSpinner$ = apex.util.showSpinner();
  • In questo caso lo spinner viene mostrato al centro della pagina.
  • Un’altra opzione, molto interessante, consiste nell’usare l’istruzione apex.widget.waitPopup();
 apex.widget.waitPopup();
  • Usando questa funzione la pagina viene bloccata. In questo modo l’utente è obbligato ad aspettare che l’elaborazione sia completata.

STEP 2: crea una Action per eseguire la Procedura PL-SQL

  • Inserisci la seconda Action, che deve contenere la logica di business che vuoi implementare.
  • In questo esempio ho creato un semplice timer PL-SQL

STEP 3: crea una Action per rimuovere lo Spinner

  • Crea l’ultima Action che serve per rimuovere lo spinner
    • Action Type: Execute JavaScript Code
    • Code: inserisci il codice seguente
$("#apex_wait_overlay").remove();
$(".u-Processing").remove();

TI POTREBBE INTERESSARE:

  • Come migrare le applicazioni da Oracle Forms ad Oracle APEX
  • Product Configurator in Oracle APEX
  • Programmare in PL-SQL: guida facile per principianti
  • Come sviluppare applicazioni sicure con Oracle APEX
  • Prevedere l'interesse di un cliente verso un prodotto o servizio con Oracle APEX e Machine Learning
  • Come costruire Form Dinamiche in Oracle APEX (Dynamic Layout + APEX_ITEM)

oracle apex

Interazioni del lettore

Lascia un commento Annulla risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Barra laterale primaria

BENVENUTO!

Il mio nome è Daniele Trasarti, autore di APPin5Minuti, il blog italiano che parla di piattaforme e applicazioni low-code.

Qui troverai tantissimi tutorial e risorse per imparare a sviluppare in pochissimo tempo bellissime applicazioni per gestire i dati ed i processi della tua azienda.

Pensi di non essere in grado? Perché non provi adesso a creare la tua prima applicazione in 5 minuti?

Fidati, non dovrai scrivere nemmeno una riga di codice! 

Seguimi sui social!

  • LinkedIn
  • Twitter

NEWSLETTER

Iscriviti anche tu per far parte della più grande community italiana di persone che amano sviluppare low-code!

api rest appsheet appsheet data sources appsheet views appsheet workflow bid data classic report cpq css document management system dynamic layout facebook flowform flows4apex flows for apex full stack development google google cloud google drive google workspace interactive grid interactive report javascript json linkedin list machine learning map microsoft microsoft access mobile oml oracle oracle apex oracle cloud oracle rest data service ords pl-sq PL-SQL power apps security social login theme roller ux web service

Commenti recenti

  • Giovanni su 15 Cose che avrei voluto sapere quando ho iniziato ad usare Oracle APEX
  • Daniele Trasarti su Document Management System in Oracle APEX
  • chadwick su Oracle APEX: Workflow Manager con Flows for APEX
  • Giulio su Document Management System in Oracle APEX
  • Daniele Trasarti su Come creare un servizio REST in Oracle APEX
  • fabio su Come creare un servizio REST in Oracle APEX
  • Daniele Trasarti su Applicazione di Prenotazione Appuntamenti in Oracle APEX
  • Francesca su Applicazione di Prenotazione Appuntamenti in Oracle APEX
  • Daniele Trasarti su Google AppSheet: come creare una APP Mobile da un foglio Excel in 5 minuti
  • nicola su Google AppSheet: come creare una APP Mobile da un foglio Excel in 5 minuti

Copyright © 2022 · APPin5Minuti.it · Privacy Policy · Cookie Policy