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

APPin5Minuti

Creare APP Gestionali con Oracle APEX e Low-Code

Crea Applicazioni Gestionali con Oracle APEX e gli strumenti 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:

  • CPQ in Oracle APEX
  • Come migrare le applicazioni da Oracle Forms ad Oracle APEX
  • Come sviluppare applicazioni sicure con Oracle APEX
  • Come costruire Workflows Approvativi in Oracle APEX
  • Programmare in PL-SQL: guida facile per principianti
  • 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 di Oracle APEX 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.

Se vuoi saperne di più inizia da qui.

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 automation autonomous database build apps cpq crm css cyber security database dynamic layout facebook flowform flows4apex google google cloud interactive grid interactive report javascript list microsoft microsoft access mobile oracle oracle apex oracle cloud oracle rest data service ords pl-sq PL-SQL power apps product configurator sales configurator security social login software gestionale sql theme roller ux woocommerce wordpress workflows

COMMENTI RECENTI

  1. Daniele Trasarti su Oracle APEX: come creare un’applicazione web in 5 minuti

    Ciao Sabatino, grazie per l'apprezzamento. Riguardo alla tua domanda ti consiglio di usare Oracle Cloud. Puoi creare un account gratis…

  2. Sabatino Iannazzo su Oracle APEX: come creare un’applicazione web in 5 minuti

    Ciao Daniele, complimenti per la guida, mi hai aperto un mondo! volevo chiederti se con Apex e Oracle Database Express…

  3. Laura su Autenticazione a 2 Fattori basata su TOTP (Time-based One-time Password) con Oracle APEX

    Ciao, trovo molto interessante il tuo articolo. Hai qualche suggerimento per l'autenticazione con spid? pensi di fare qualche guida al…

  4. Mario Volpetti su Oracle APEX: come creare un’applicazione web in 5 minuti

    Ottima spiegazione e complimenti per la semplicità che ai usato. Sono riuscito a farlo anche io con un foglio excel…

  5. Riccardo Liviabella su Google AppSheet: come creare una APP Mobile da un foglio Excel in 5 minuti

    Ciao Daniele e grazie per le tue interessanti spiegazioni. E' da un pò di anni che lavoro su Appsheet e…

  6. Daniele Trasarti su Come costruire Workflows Approvativi in Oracle APEX

    Ciao Bhavin, I think you badly copied PL-SQL because the one you provided is not correct. Fix the script and…

  7. Daniele Trasarti su Applicazione di Prenotazione Appuntamenti in Oracle APEX

    Grazie mille Franca!

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