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.

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:

• Facilitate common scenarios
• Enable item selection through the keyboard

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.

Suggested Links

• API Reference of the DropDownList