Siirry pääsisältöön

Loading

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

Loading-komponentti näyttää peitteen tietyllä komponentilla tai alueella, mikä osoittaa, että operaatio on käynnissä ja estää väliaikaisesti vuorovaikutuksen. Se toimii hyvin tehtävissä, kuten tietojen lataamisessa, laskennassa tai taustaprosesseissa. Globaaleissa, koko sovelluksen laajuisissa prosesseissa BusyIndicator -komponentti kattaa koko käyttöliittymän.

Loading-komponentin alustus ilman lisäasetuksia näyttää pyörivän kuorman sen vanhempien sisällön päällä. Siirrä viesti, kuten esimerkissä alla, kun prosessi tarvitsee enemmän kontekstia.

Näytä koodi

Sopi​

Loading-komponentti webforJ:ssä voi rajata itsensä tiettyyn vanhempaan säiliöön, kuten Div:iin, varmistaen, että se estää käyttäjävuorovaikutuksen vain kyseisessä elementissä. Oletuksena Loading-komponentti on suhteellinen sen vanhemmalle, mikä tarkoittaa, että se peittää vanhemman komponentin eikä koko sovellusta.

Rajoittaaksesi Loading-komponenttia sen vanhempaan, lisää yksinkertaisesti Loading-komponentti vanhempaan säiliöön. Esimerkiksi, jos lisäät sen Div:iin, latauspeite kohdistuu vain siihen Div:iin:

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

Tausta​

Loading-komponentti webforJ:ssä antaa sinun näyttää taustan estääksesi käyttäjävuorovaikutuksen, kun prosessi on käynnissä. Oletuksena komponentti mahdollistaa taustan, mutta voit halutessasi katkaista sen.

Loading-komponentilla tausta on näkyvissä oletuksena. Voit nimenomaisesti aktivoida tai kytkeä sen pois päältä käyttämällä setBackdropVisible()-metodia:

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

Vaikka kytket taustan pois päältä, Loading-komponentti jatkaa käyttäjävuorovaikutuksen estämistä varmistaakseen, että taustaprosessi valmistuu keskeytyksettä. Tausta hallitsee vain visuaalista peitettä, ei vuorovaikutuksen estäytymiskäyttäytymistä.

Spinner​

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

Tässä on esimerkki siitä, kuinka voit mukauttaa pyörivää kuormaa Loading-komponentin sisällä:

Näytä koodi

Käyttötapaukset​

  • Tietojen hakeminen Kun haet tietoja palvelimelta tai API:sta, Loading-komponentti peittää tietyn osan käyttöliittymästä, kuten kortin tai lomakkeen, ilmoittaen käyttäjille, että järjestelmä työskentelee taustalla. Tämä on ihanteellista, kun haluat näyttää edistystä vain yhdessä osassa näyttöä ilman, että koko käyttöliittymä estyy.

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

  • Monimutkaiset lomakesyötteet Pitkäkestoisille lomakesyötteille, joissa validoimiseen tai käsittelyyn kuluu aikaa, Loading-komponentti antaa visuaalista palautetta käyttäjille, rauhoittaen heitä siitä, että heidän syötteensä käsitellään aktiivisesti.

Tyylit​

Loading...