Overslaan naar hoofdinhoud

ListBox

Openen in ChatGPT
Schaduw dwc-listbox 23.05
Java API

De component ListBox toont een scrollbare lijst met items die zichtbaar blijft zonder dat er een dropdown hoeft te worden geopend. De component ondersteunt zowel enkelvoudige als meervoudige selectie en is handig wanneer gebruikers alle beschikbare opties tegelijk moeten kunnen zien.

Toepassingen​

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. Gebruikersrollen toewijzen: In applicaties met toegangsbeheer kunnen beheerders een ListBox gebruiken om rollen en machtigingen aan gebruikers toe te wijzen. Gebruikers worden geselecteerd uit een lijst en op basis van hun selectie worden rollen of machtigingen toegewezen. Zo wordt nauwkeurige en gecontroleerde toegang tot verschillende functies en gegevens binnen de applicatie gewaarborgd.

  2. Projecttaken toewijzen: In projectbeheersoftware zijn ListBox-componenten handig om taken aan teamleden toe te wijzen. Gebruikers kunnen taken uit een lijst selecteren en aan verschillende teamleden toewijzen. Dit vereenvoudigt de taakverdeling en zorgt ervoor dat verantwoordelijkheden binnen het team duidelijk zijn vastgelegd.

  3. Filteren op meerdere categorieën: In een zoekapplicatie moeten gebruikers zoekresultaten vaak op basis van meerdere criteria filteren. Een ListBox kan verschillende filteropties weergeven, zoals

  • Productkenmerken
  • Prijsklassen
  • Merken.

Gebruikers kunnen items uit elke filtercategorie selecteren om de zoekresultaten te verfijnen en precies te vinden wat ze zoeken.

  1. Inhoud categoriseren: In contentmanagementsystemen helpen ListBox-componenten bij het categoriseren van artikelen, afbeeldingen of bestanden. Gebruikers kunnen een of meer categorieën selecteren om aan hun inhoud te koppelen. Zo kunnen inhoudsitems in het systeem eenvoudiger worden geordend en doorzocht.

Selectieopties​

Standaard is de keuzelijst ingesteld op selectie van één item tegelijk. De ListBox implementeert echter de interface MultipleSelectableList, die kan worden geconfigureerd met een ingebouwde methode waarmee gebruikers meerdere items kunnen selecteren: met de toets Shift voor aaneengesloten selecties en met de toets Ctrl (Windows) of Cmd (Mac) voor afzonderlijke, meervoudige selecties.

Gebruik de functie setSelectionMode() om deze eigenschap te wijzigen. Deze methode accepteert SelectionMode.SINGLE of SelectionMode.MULTIPLE.

Gedrag op apparaten met aanraakscherm

Op apparaten met een aanraakscherm kunnen gebruikers, wanneer meervoudige selectie is ingeschakeld, meerdere items selecteren zonder de Shift-toets ingedrukt te houden.

Daarnaast kunnen de pijltoetsen worden gebruikt om door de ListBox te navigeren. Als de ListBox focus heeft, selecteert het typen van een lettertoets de optie die met die letter begint. Als er meerdere opties met die letter beginnen, kunt u ermee door de opties bladeren.

Styling​

Loading...

Aanbevolen werkwijzen​

Houd rekening met de volgende aanbevolen werkwijzen voor een optimale gebruikerservaring met de component ChoiceBox:

  1. Geef prioriteit aan de informatiehiërarchie: Zorg er bij het gebruik van een ListBox voor dat de items in een logische, hiërarchische volgorde staan. Plaats de belangrijkste en meest gebruikte opties bovenaan de lijst. Zo kunnen gebruikers gemakkelijker vinden wat ze nodig hebben, zonder overmatig te scrollen.

  2. Beperk de lengte van de lijst: Voorkom dat gebruikers worden overweldigd door een ListBox met te veel items. Als er veel items moeten worden weergegeven, kunt u paginering, zoeken of filteropties implementeren zodat gebruikers items snel kunnen vinden. U kunt items ook groeperen in categorieën om de lijst korter te maken.

  3. Duidelijke en beschrijvende labels: Geef elk item in de ListBox een duidelijk en beschrijvend label. Gebruikers moeten zonder onduidelijkheid begrijpen waarvoor elke optie dient. Gebruik beknopte en betekenisvolle itemlabels.

  4. Feedback bij meervoudige selectie: Als gebruikers in uw ListBox meerdere items kunnen selecteren, geef dan visuele of tekstuele feedback die aangeeft dat meerdere items uit de lijst kunnen worden geselecteerd.

  5. Standaardselectie: Overweeg een standaardselectie in te stellen voor de ListBox, vooral als een optie vaker wordt gebruikt dan andere. Door de meest waarschijnlijke keuze vooraf te selecteren, verloopt de gebruikerservaring soepeler.

Blijf leren

webforJ-team

Hulp nodig?

Bespreek je project met de engineers van webforJ.

Plan een gesprek

We spreken EN · DE · FR · ES