Kendo UI for jQuery
Kendo UI for jQuery ComboBox is a form component designed to let you choose a predefined value from a list of items. It operates similarly to the Select HTML element, and supports filtering, custom rendering and virtualization to give users a more comprehensive experience.
Ensure users have an intuitive experience when filtering down data items with the Kendo UI for jQuery ComboBox built-in filtering mechanism. It helps you reduce the available data items and you can configure the filtering settings by including conditional rules such as “starts with” or “contains”.
Enable users to scroll through large datasets with virtualization. When your jQuery ComboBox needs to hold hundreds of thousands of data items, virtualization becomes key in rendering large amount of data with high performance.
Ensure a smoother and more efficient user experience with the jQuery ComboBox floating label feature. Adding a label that floats above the input allows you to save space and ensures end-users don’t lose focus of the form context.
Organize data in categories to easily traverse datasets. With the grouping feature of the Kendo UI for jQuery ComboBox, you can define what field in your data is responsible for the group and the component will automatically group the underlying data accordingly.
The jQuery ComboBox UI component supports an adaptive mode that provides a mobile-friendly rendering of the component popup. When enabled, the component will automatically adapt to the current screen size and will change its rendering accordingly.
Out of the box, the Kendo UI for jQuery ComboBox renders any items with just plain text. When just text is not enough, the template functionality of the jQuery ComboBox is the way to go as it allows for a jQuery template to be used when rendering any data items. This allows for scenarios like adding images or icons next to the text, custom styling for certain items, and much more. Beyond data items, header and footer templates are also provided to help ensure that any aspect of the jQuery ComboBox can be customized to fit your application.
Connect two or more jQuery ComboBoxes to build relationships between values of different form fields. With multiple cascading jQuery ComboBoxes on a single page, you can set the input of one ComboBox to update the content of another. For example, selecting a country in one ComboBox will filter the available cities in the following ComboBox.
Elevate user interactivity leveraging the option for adding prefix and suffix adornments. These are custom items, usually an icon or button, inside the field before or after the input area. Typical prefix adornments are currency symbols or unit indicators, while suffix adornments are often used for password visibility toggles, formatting or clearing the input.
Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate the jQuery ComboBox and assist with selecting a value using the keyboard alone.
The jQuery ComboBox is compliant with Section 508 standards, is AA rated with WCAG 2.0 and follows WAI-ARIA standards.