Overslaan naar hoofdinhoud

BusyIndicator

Openen in ChatGPT
Schaduw dwc-loading 24.10
Java API

De BusyIndicator is een overlay over het volledige scherm die een lopend proces aangeeft en gebruikersinteractie blokkeert totdat het is voltooid. Het bedekt de hele interface tijdens bewerkingen zoals initialisatie of datasynchronisatie. Terwijl de Loading component zich richt op specifieke gebieden binnen de interface, wordt de BusyIndicator globaal toegepast.

Basis​

De BusyIndicator in webforJ wordt weergegeven als een eenvoudige spinner, waardoor het gemakkelijk te gebruiken is zonder configuratie. U kunt het echter aanpassen door een bericht toe te voegen, het thema van de spinner aan te passen of de zichtbaarheid instellingen te wijzigen. Dit stelt u in staat om meer context of stijl te bieden, terwijl u een functionele, kant-en-klare oplossing behoudt.

In dit voorbeeld voorkomt de BusyIndicator dat gebruikersacties op de gehele interface worden uitgevoerd totdat de bewerking is voltooid.

Toon Code

Achtergrond​

De BusyIndicator component in webforJ stelt u in staat om een achtergrond weer te geven om gebruikersinteractie te blokkeren terwijl een proces aan de gang is. Standaard is de achtergrond ingeschakeld, maar u heeft de optie om deze uit te schakelen indien nodig.

De BusyIndicator toont standaard een achtergrond. U kunt de zichtbaarheid van de achtergrond regelen met de setBackdropVisible() methode, zoals hieronder weergegeven:

BusyIndicator busyIndicator = getBusyIndicator();
busyIndicator.setBackdropVisible(false);  // Schakelt de achtergrond uit
busyIndicator.open();
Achtergrond Uitschakelen

Zelfs wanneer u de achtergrond uitschakelt, blijft de BusyIndicator component gebruikersinteractie blokkeren om te zorgen dat het onderliggende proces ononderbroken kan worden voltooid. De achtergrond regelt simpelweg de visuele overlay, niet het blokkeren van interactie.

Spinner​

De BusyIndicator component in webforJ bevat een Spinner die visueel aangeeft dat een achtergrondbewerking aan de gang is. U kunt deze spinner aanpassen met verschillende opties, waaronder de grootte, snelheid, richting, thema en zichtbaarheid.

Hier is een voorbeeld van hoe u de spinner binnen een BusyIndicator component kunt aanpassen:

Toon Code

Toepassingen​

  • Pagina-brede Verwerking
    De BusyIndicator is zeer geschikt voor grotere, pagina-brede bewerkingen, zoals wanneer een gebruiker een taak initieert die de hele pagina beïnvloedt, zoals het uploaden van een bestand of het verwerken van gegevens in meerdere secties. Het kan gebruikers informeren dat de hele app bezig is, waardoor verdere interactie wordt voorkomen totdat het proces is voltooid.

  • Kritieke Systeemoperaties
    Bij het uitvoeren van systeemkritische taken, zoals het synchroniseren van gegevens, het toepassen van systeemwijde updates of het verwerken van gevoelige informatie, geeft de BusyIndicator duidelijke visuele feedback dat er een belangrijke bewerking aan de gang is, zodat de gebruiker kan wachten totdat deze is voltooid.

  • Asynchrone Gegevensladingen
    In scenario's waarin asynchrone gegevensverwerking aan de orde is, zoals bij het aanroepen van meerdere API's of het wachten op complexe berekeningen, geeft de BusyIndicator component actief aan dat het systeem bezig is, wat gebruikers aanmoedigt om te wachten voordat ze aanvullende acties ondernemen.

Stijlen​

Loading...