Siirry pääsisältöön

ListBox

Avaa ChatGPT:ssä
Varjo dwc-listbox 23.05
Java API

ListBox-komponentti näyttää vieritettävän luettelon kohteista, joka pysyy näkyvissä ilman avattavan valikon avaamista. Se tukee sekä yksittäistä että usean kohteen valintaa, ja sopii hyvin tilanteisiin, joissa käyttäjien täytyy nähdä kaikki käytettävissä olevat vaihtoehdot kerralla.

Käyttökohteet​

Inheritance

This class is a List component, and inherits its features and behaviors. For an overview of List properties, events, and other important information, please refer to the List documentation.

  1. Käyttäjäroolien määrittäminen: Käyttöoikeuksien hallintaa sisältävissä sovelluksissa järjestelmänvalvojat voivat käyttää ListBox-komponenttia roolien ja käyttöoikeuksien määrittämiseen käyttäjille. Käyttäjät valitaan luettelosta, ja roolit tai käyttöoikeudet määritetään heidän valintojensa perusteella. Näin sovelluksen eri ominaisuuksien ja tietojen käyttöoikeuksia voidaan hallita tarkasti ja valvotusti.

  2. Projektitehtävien jakaminen: Projektinhallintaohjelmistoissa ListBox-komponentit ovat hyödyllisiä tehtävien jakamisessa tiimin jäsenille. Käyttäjät voivat valita tehtäviä luettelosta ja jakaa niitä eri tiimin jäsenille. Tämä helpottaa tehtävien jakamista ja varmistaa, että vastuut on määritelty selkeästi tiimin sisällä.

  3. Suodattaminen usean luokan perusteella: Hakusovelluksissa käyttäjien täytyy usein suodattaa hakutuloksia useiden ehtojen perusteella. ListBox voi näyttää erilaisia suodatusvaihtoehtoja, kuten

  • Tuotteen ominaisuudet
  • Hintaluokat
  • Tuotemerkit.

Käyttäjät voivat valita kohteita kustakin suodatusluokasta, jolloin he voivat rajata hakutuloksia ja löytää juuri etsimänsä.

  1. Sisällön luokittelu: Sisällönhallintajärjestelmissä ListBox-komponentit auttavat luokittelemaan artikkeleita, kuvia tai tiedostoja. Käyttäjät voivat valita sisällölleen yhden tai useamman luokan, mikä helpottaa sisältökohteiden järjestämistä ja etsimistä järjestelmässä.

Valintavaihtoehdot​

Luetteloruutu sallii oletusarvoisesti yhden kohteen valitsemisen kerrallaan. ListBox toteuttaa kuitenkin MultipleSelectableList-rajapinnan, jonka voi määrittää sisäänrakennetulla menetelmällä sallimaan useiden kohteiden valitsemisen. Yhtenäisten kohteiden valintaan käytetään Shift-näppäintä ja erillisten kohteiden valintaan Ctrl-näppäintä (Windows) tai Cmd-näppäintä (Mac).

Voit muuttaa tätä ominaisuutta käyttämällä setSelectionMode()-funktiota. Tämä metodi hyväksyy arvon SelectionMode.SINGLE tai SelectionMode.MULTIPLE.

Kosketuslaitteiden toiminta

Kun usean kohteen valinta on käytössä, kosketuslaitteiden käyttäjät voivat valita useita kohteita pitämättä Shift-näppäintä painettuna.

Lisäksi ListBox-komponentissa voi siirtyä nuolinäppäimillä. Kun ListBox on kohdistettuna, kirjaimen painaminen valitsee kyseisellä kirjaimella alkavan vaihtoehdon. Jos useita vaihtoehtoja alkaa samalla kirjaimella, näppäimen painaminen kierrättää vaihtoehtoja.

Tyylit​

Loading...

Parhaat käytännöt​

Jotta käyttökokemus olisi ChoiceBox-komponenttia käytettäessä mahdollisimman hyvä, huomioi seuraavat parhaat käytännöt:

  1. Aseta tiedot tärkeysjärjestykseen: Kun käytät ListBox-komponenttia, varmista, että kohteet on järjestetty loogisesti ja hierarkkisesti. Sijoita tärkeimmät ja yleisimmin käytetyt vaihtoehdot luettelon alkuun. Näin käyttäjät löytävät tarvitsemansa helpommin ilman runsasta vierittämistä.

  2. Rajoita luettelon pituutta: Älä kuormita käyttäjiä liian pitkällä ListBox-luettelolla. Jos näytettäviä kohteita on paljon, harkitse sivutuksen, haun tai suodatusvaihtoehtojen lisäämistä, jotta käyttäjät löytävät kohteet nopeasti. Voit myös lyhentää luetteloa ryhmittelemällä kohteet luokkiin.

  3. Selkeät ja kuvaavat tunnisteet: Anna jokaiselle ListBox-kohteelle selkeä ja kuvaava tunniste. Käyttäjien pitäisi ymmärtää kunkin vaihtoehdon tarkoitus yksiselitteisesti. Käytä ytimekkäitä ja kuvaavia tunnisteita.

  4. Usean valinnan palaute: Jos ListBox sallii useiden kohteiden valitsemisen, anna visuaalista tai tekstimuotoista palautetta, joka ilmaisee, että luettelosta voi valita useita kohteita.

  5. Oletusvalinta: Harkitse oletusvalinnan asettamista ListBox-komponentille etenkin silloin, jos jokin vaihtoehto on muita yleisemmin käytetty. Tämä voi sujuvoittaa käyttökokemusta valitsemalla etukäteen todennäköisimmän vaihtoehdon.

Jatka oppimista

webforJ-tiimi

Tarvitsetko apua?

Keskustele webforJ:n insinöörien kanssa projektistasi.

Varaa puhelu

Puhumme EN · DE · FR · ES