Getting Started with Kendo UI for Angular DropDownList
The DropDownList is a form component that lets you choose a single predefined value from a list.
It is a richer version of the <select> element and supports data binding, filtering, templates, and default items.
Basic Usage
The following example demonstrates the DropDownList in action.
Example
View Source
Edit In Stackblitz
Change Theme:
Functionality and Features
- Data binding
- Value binding
- Filtering
- Grouping
- Virtualization
- Default item
- Disabled items
- Templates
- Forms support
- Adding new items
- Controlling the open state
- Cascading DropDownLists
- Globalization
- Keyboard navigation
- Accessibility
Events
The DropDownList provides events which:
Common Usage
The following example demonstrates basic DropDownList events.
Looping through Items
By default, you can select a DropDownList item by pressing a keyboard key. For example, if the DropDownList items are Foo, Bar, and Baz and the user presses the B letter key, based on the alphabetical order of the items, the keypress selects the first item which starts with a B.
The keyboard selection is available only if the filtering functionality is disabled.
