Siirry pääsisältöön

ListBox

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

ListBox-komponentti näyttää vieritettävän luettelon kohteista, joka pysyy näkyvissä ilman, että avattavaa valikkoa tarvitsee avata. Se tukee sekä yksittäistä että useita valintoja, ja se toimii hyvin, kun käyttäjät tarvitsevat kaikki saatavilla olevat vaihtoehdot näkyville kerralla.

Käytöt​

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: Sovelluksissa, joissa on käyttäjäoikeuden hallinta, järjestelmänvalvojat voivat käyttää ListBox-komponenttia roolien ja oikeuksien määrittämiseen käyttäjille. Käyttäjät valitaan luettelosta, ja roolit tai oikeudet määritetään heidän valintansa perusteella. Tämä varmistaa tarkan ja hallitun pääsyn eri ominaisuuksiin ja tietoihin sovelluksessa.

  2. Projektitehtävien määrittäminen: Projektinhallintaohjelmistoissa ListBox-komponentit ovat hyödyllisiä tehtävien määrittämisessä tiimin jäsenille. Käyttäjät voivat valita tehtäviä luettelosta ja määrittää ne eri tiimin jäsenille. Tämä yksinkertaistaa tehtävien jakamista ja varmistaa, että vastuut on määritelty selkeästi tiimissä.

  3. Monikategorisen suodattamisen käyttö: Hakusovelluksessa käyttäjät tarvitsevat usein suodattaa hakutuloksia useiden kriteerien perusteella. ListBox voi näyttää erilaisia suodatinvaihtoehtoja, kuten

  • Tuotteen ominaisuudet
  • Hintaluokat
  • Merkit.

Käyttäjät voivat valita kohteita kustakin suodatinkategoriasta, mikä mahdollistaa hakutulosten tarkentamisen ja löytää juuri etsimänsä.

  1. Sisällön luokittelu: Sisällönhallintajärjestelmissä ListBox-komponentit auttavat artikkeleiden, kuvien tai tiedostojen luokittelussa. Käyttäjät voivat valita yhden tai useamman kategorian yhdistettäviksi sisältönsä kanssa, mikä helpottaa sisällön järjestämistä ja etsimistä järjestelmässä.

Valintavaihtoehdot​

Oletusarvoisesti listalaatikko on konfiguroitu sallimaan yhden kohteen valinta kerrallaan. ListBox toteuttaa MultipleSelectableList -rajapinnan, joka voidaan konfiguroida sisäänrakennetulla menetelmällä, jonka avulla käyttäjät voivat valita useita kohteita käyttämällä Shift-näppäintä vierekkäisten valintojen tekemiseksi ja Control (Windows) tai Command (Mac) näppäintä erillisten, useiden kohteiden valitsemiseksi.

Käytä setSelectionMode() -toimintoa tämän ominaisuuden muuttamiseksi. Tämä menetelmä hyväksyy joko SelectionMode.SINGLE tai SelectionMode.MULTIPLE.

Kosketuslaitteiden käyttäytyminen

Kosketuslaitteilla, kun monivalinta on käytössä, käyttäjät voivat valita useita kohteita ilman, että shift-näppäintä tarvitsee painaa.

Lisäksi nuolinäppäimiä voidaan käyttää ListBox:n navigointiin, ja kirjaimen näppäimen kirjoittaminen ListBox:n ollessa aktiivisena valitsee vaihtoehdon, joka alkaa sillä kirjaimella, tai kiertää vaihtoehtojen joukossa, jotka alkavat sillä kirjaimella, jos useita vaihtoehtoja on olemassa.

Näytä koodi

Tyylittely​

Loading...

Parhaat käytännöt​

Jotta ChoiceBox-komponentin käyttöön liittyisi optimaalinen käyttäjäkokemus, harkitse seuraavia parhaita käytäntöjä:

  1. Tietohierarkian priorisointi: Käyttäessäsi ListBox-komponenttia varmista, että kohteet on järjestetty loogiseen ja hierarkkiseen järjestykseen. Aseta tärkeimmät ja yleisimmin käytetyt vaihtoehdot luettelon alkuun. Tämä helpottaa käyttäjien löytämään tarvitsemansa ilman liiallista vierittämistä.

  2. Luettelon pituuden rajoittaminen: Vältä käyttäjien kuormittamista liian pitkällä ListBox:lla. Jos näytettävien kohteiden määrä on suuri, harkitse sivutusta, hakua tai suodatusvaihtoehtoja käyttäjien auttamiseksi kohteiden быстрее löytämisessä. Vaihtoehtoisesti voit jakaa kohteet kategorioihin luettelon pituuden vähentämiseksi.

  3. Selkeät ja kuvailevat tarrat: Anna selkeitä ja kuvailevia tarroja jokaiselle kohteelle ListBox:ssa. Käyttäjien tulisi pystyä ymmärtämään kunkin vaihtoehdon tarkoitus ilman epäselvyyksiä. Käytä tiiviitä ja merkityksellisiä kohdetarroja.

  4. Monivalinnan palaute: Jos ListBox-komponenttisi sallii useita valintoja, anna visuaalista tai tekstipohjaista palautetta, joka osoittaa, että luettelosta voidaan valita useita kohteita.

  5. Oletusvalinta: Harkitse oletusvalinnan asettamista ListBox:lle, erityisesti jos jokin vaihtoehto on käyttökelpoisempi kuin muut. Tämä voi virtaviivaistaa käyttäjäkokemusta esivalitsemalla todennäköisimmin valitun vaihtoehdon.