ListBox
Demonstration and configuration of the Radzen Blazor ListBox component.
Get and Set the value of ListBox link
As all Radzen Blazor input components the ListBox has a Value property which gets and sets the value of the component. Use @bind-Value to get the user input.
Get and Set the value of ListBox using Value and Change event link
Value property can be used to set the value of the component and Change event to get the user input.
Define Text and Value properties link
ListBox with template link
ListBox multiple selection link
Filtering case sensitivity and filter operator link
Custom filtering with LoadData event link
ListBox virtualization using IQueryablelink
ListBox virtualization with LoadData event link
Keyboard Navigation link
The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor ListBox component.
| Press this key | To do this |
|---|---|
| Tab | Navigate to a ListBox component. |
| Space or Enter | Expand or collapse the Fieldset. |
| Down arrow | Focus the next ListBox item. |
| Up arrow | Focus the previous ListBox item. |
| Enter | Select the focused ListBox item. |
| Alphanumeric | Focus next ListBox item starting with typed key. |
Supercharge your Blazor development with Radzen Blazor Studio
Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.
Radzen Blazor Components, © 2018-2024 Radzen.
Source Code licensed under
MIT