The DropDownList component can be bound to Datasets of objects or arrays of primitive values
Kendo UI for Vue DropDownList data binding exampleThe data inside the DropDownList can be filtered using the input that appears as a search box at the top of the dropdown. The filtering can be configured to use built-in operators like “startswith” or “contains” or set to be triggered after a number of characters are entered in the input.
Kendo UI for Vue DropDownList filtering exampleThe design of the Kendo UI for Vue DropDownList can be customized according to your project’s needs. Using custom templates, we can modify the design of the:
There are business cases in which the Kendo UI for Vue DropDownList should be bound to thousands of data items. These scenarios can impact the performance of even the fastest browsers. With the virtualization feature of the DropDownList, scrolling through large amounts of data can be done with no impact over the web page performance.
The Kendo UI for Vue DropDownList is often used as a form element, helping with the selection of data from a list of available options. Having this in mind, the component supports built-in HTML5 form validation that can be easily configured for both simple and complex validation scenarios.
Kendo UI for Vue DropDownList Form integration and validation exampleThe DropDownList, like the other Kendo UI for Vue DropDown components, supports RTL working mode.
Have an application that requires multicultural support? The DropDownList has built-in functionality for updating its internal messages to different languages.
Kendo UI for Vue DropDownList Globalization exampleThe Kendo UI for Vue DropDownList has integrated Keyboard navigation that assists the users to navigate through the component and a select item only by using the keyboard. The component provides full WAI-ARIA accessibility support and is compliant with the Section 508 requirements, making it accessible by the popular screen readers.
Kendo UI for Vue DropDownList Accessibility example