Siirry pääsisältöön

Loading

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

Loading komponentti näyttää peiton tietyllä komponentilla tai alueella, merkiten, että toiminto on käynnissä ja estää väliaikaisesti vuorovaikutuksen. Se toimii hyvin tehtävissä, kuten datan latauksessa, laskennassa tai taustaprosesseissa. Globaalien, koko sovellusta koskevien prosessien osalta BusyIndicator komponentti peittää koko käyttöliittymän.

Perusteet​

Yksinkertaisin tapa luoda Loading komponentti on alustaa se ilman lisäasetuksia. Oletusarvoisesti tämä näyttää peruspyörijän sen vanhempien sisällön päällä. Voit kuitenkin myös tarjota viestin lisätiedoksi.

Esimerkki Loading komponentista, jossa on viesti:

Näytä koodi

Rajaus​

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

Rajata Loading komponentti vain sen vanhempaan, yksinkertaisesti lisää Loading komponentti vanhempaan säiliöön. Esimerkiksi, jos lisäät sen Div-elementtiin, latauspeitto koskee vain tuota Div:tä:

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

Taustakuva​

Loading komponentti webforJ:ssä antaa sinun näyttää taustakuvan estääksesi käyttäjän vuorovaikutuksen prosessin ollessa käynnissä. Oletusarvoisesti komponentti mahdollistaa taustakuvan, mutta voit halutessasi myös sammuttaa sen.

Loading komponentilla taustakuva on näkyvissä oletusarvoisesti. Voit nimenomaan aktivoida tai sammuta sen käyttämällä setBackdropVisible() metodia:

Loading loading = new Loading();
loading.setBackdropVisible(false);  // Sammuttaa taustakuvan
loading.open();
Taustakuva pois

Vaikka sammutat taustakuvan, Loading komponentti jatkaa käyttäjän vuorovaikutuksen estämistä varmistaakseen, että taustalla oleva prosessi valmistuu katkeamatta. Taustakuva hallitsee vain visuaalista peittoa, ei vuorovaikutuksen estämiskäyttäytymistä.

Spinner​

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

Esimerkki siitä, kuinka voit mukauttaa pyörijää Loading komponentissa:

Näytä koodi

Käyttötapaukset​

  • Datan hankinta
    Kun noudat datan palvelimelta tai API:sta, Loading komponentti peittää tietyn osan käyttöliittymästä, kuten kortin tai lomakkeen, informoiden käyttäjiä siitä, että järjestelmä toimii taustalla. Tämä on ihanteellinen, kun haluat näyttää edistymistä vain yhdestä osasta näyttöä estämättä koko käyttöliittymää.

  • Sisällön lataus korteissa/osioissa
    Loading komponenttia voidaan rajoittaa tietyille alueille sivulla, kuten yksittäisiin kortteihin tai säiliöihin. Tämä on hyödyllistä, kun haluat ilmoittaa, että tietty osio käyttöliittymästä latautuu edelleen, samalla kun käyttäjät voivat vuorovaikuttaa muiden sivun osien kanssa.

  • Monimutkaiset lomakkeen lähetykset
    Pitkissä lomakkeen lähetyksissä, joissa vahvistaminen tai käsittely vie aikaa, Loading komponentti tarjoaa visuaalista palautetta käyttäjille, rauhoittaen heitä siitä, että heidän syötteensä on aktiivisesti käsittelyssä.

Tyylit​

Loading...