Siirry pääsisältöön

Loading

Avaa ChatGPT:ssä
Shadow dwc-loading 24.10
Java API

Loading-komponentti webforJ:ssä näyttää päällekkäisyyden, joka osoittaa operaation käsittelyä, estäen tilapäisesti käyttäjävuorovaikutuksen kunnes tehtävä on valmis. Tämä toiminto parantaa käyttäjäkokemusta, erityisesti tilanteissa, joissa tehtävät kuten tietojen lataus, laskentaprosessit tai taustaprosessit saattavat kestää jonkin aikaa. Globaaleille, sovellustasoisille prosesseille harkitse BusyIndicator -komponentin käyttöä, joka estää vuorovaikutuksen koko käyttöliittymässä.

Perusteet​

Yksinkertaisin tapa luoda Loading-komponentti on alustaa se ilman lisäasetuksia. Oletusarvoisesti tämä näyttää peruskierroksen sen vanhemman sisällön päällä. Voit kuitenkin myös antaa viestin lisäyhteydeksi.

Tässä on esimerkki Loading-komponentin luomisesta viestin kanssa:

Näytä Koodi

Rajaus​

Loading-komponentti webforJ:ssä voi rajautua tiettyyn vanhempaan konttiin, kuten Div, varmistaen, että se estää käyttäjävuorovaikutuksen vain siinä elementissä. Oletusarvoisesti Loading-komponentti on suhteellinen sen vanhempaan, mikä tarkoittaa, että se peittää vanhemman komponentin eikä koko sovellusta.

Rajoittaaksesi Loading-komponentin sen vanhempaan, lisää yksinkertaisesti Loading-komponentti vanhempaan konttiin. Esimerkiksi, jos lisäät sen Div:iin, latauspeite koskee vain sitä Div:iä:

Div parentDiv = new Div();  
parentDiv.setStyle("position", "relative");
Loading loading = new Loading();
parentDiv.add(loading);
loading.open();  // Loading estää vain vuorovaikutuksen parentDivissä

Tausta​

Loading-komponentti webforJ:ssä mahdollistaa taustan näyttämisen käyttäjävuorovaikutuksen estämiseksi prosessin aikana. Oletusarvoisesti komponentti aktivoi taustan, mutta voit valita sen poistamisen tarvittaessa.

Loading-komponentissa tausta on näkyvissä oletusarvoisesti. Voit nimenomaisesti aktivoida tai poistaa sen käyttämällä setBackdropVisible()-metodia:

Loading loading = new Loading();
loading.setBackdropVisible(false);  // Poistaa taustan käytöstä
loading.open();
Tausta pois

Vaikka poistat taustan, Loading-komponentti estää silti käyttäjävuorovaikutuksen varmistaakseen, että taustalla oleva prosessi valmistuu keskeytyksettä. Tausta hallitsee vain visuaalista päällekkäisyyttä, ei vuorovaikutuksen estämiskäyttäytymistä.

Spinner​

Loading-komponentti webforJ:ssä sisältää Spinner:in, joka osoittaa visuaalisesti, että taustaprosessi on käynnissä. Voit mukauttaa tätä kierrosta useilla vaihtoehdoilla, mukaan lukien sen koko, nopeus, suunta, teema ja näkyvyys.

Tässä on esimerkki siitä, miten voit mukauttaa kierrosta Loading-komponentissa:

Näytä Koodi

Käyttötapaukset​

  • Tietojen hakeminen
    Kun haetaan tietoja palvelimelta tai API:lta, Loading-komponentti peittää tietyn osan käyttöliittymästä, kuten kortin tai lomakkeen, kertoen käyttäjille, että järjestelmä työskentelee taustalla. Tämä on ihanteellinen, kun haluat näyttää edistystä vain yhdellä osalla näyttöä estämättä koko käyttöliittymää.

  • Sisällön lataaminen korteissa/osissa
    Loading-komponentti voidaan rajata tiettyihin alueisiin sivulla, kuten yksittäisiin kortteihin tai kontteihin. Tämä on hyödyllistä, kun haluat osoittaa, että tietty käyttöliittymän osa on edelleen lataamassa, samalla kun käyttäjät voivat vuorovaikuttaa muiden sivun osien kanssa.

  • Monimutkaiset lomakkeen lähetykset
    Pidemmille lomakkeen lähetyksille, joissa validointi tai käsittely vie aikaa, Loading-komponentti tarjoaa visuaalista palautetta käyttäjille, rauhoittaen heitä siitä, että heidän syötteensä käsitellään aktiivisesti.

Tyylittely​

Loading...