ListBox
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
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.
-
Gebruikersrollen toewijzen: In applicaties met toegangsbeheer kunnen beheerders een
ListBoxgebruiken 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. -
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. -
Filteren op meerdere categorieën: In een zoekapplicatie moeten gebruikers zoekresultaten vaak op basis van meerdere criteria filteren. Een
ListBoxkan 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.
- 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.
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
Aanbevolen werkwijzen
Houd rekening met de volgende aanbevolen werkwijzen voor een optimale gebruikerservaring met de component ChoiceBox:
-
Geef prioriteit aan de informatiehiërarchie: Zorg er bij het gebruik van een
ListBoxvoor 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. -
Beperk de lengte van de lijst: Voorkom dat gebruikers worden overweldigd door een
ListBoxmet 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. -
Duidelijke en beschrijvende labels: Geef elk item in de
ListBoxeen duidelijk en beschrijvend label. Gebruikers moeten zonder onduidelijkheid begrijpen waarvoor elke optie dient. Gebruik beknopte en betekenisvolle itemlabels. -
Feedback bij meervoudige selectie: Als gebruikers in uw
ListBoxmeerdere items kunnen selecteren, geef dan visuele of tekstuele feedback die aangeeft dat meerdere items uit de lijst kunnen worden geselecteerd. -
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.
