Kendo UI for jQuery MultiSelect Overview
The MultiSelect displays a list of options and allows for multiple selections from that list. The component represents a richer version of the <select> element and provides support for local and remote data binding, item and tag templates, and configurable options for controlling the list behavior.
The MultiSelect is part of Kendo UI for jQuery, a
professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Functionality and Features
- Appearance—You can use the available styling options for configuring the size, border radius, and fill mode of the MultiSelect.
- Data binding—The MultiSelect enables you to bind it to local data arrays and to remote data services.
- Grouping—You can use the provided options for displaying data items categorized by a specific model field of the MultiSelect.
- Server filtering—The MultiSelect allows you to perform server-side data filtering.
- Virtualization—The MultiSelect enables you to display large datasets by using a fixed amount of list items in its popup list.
- Summary-tag mode—The MultiSelect can display either multiple tags, or a single summary tag.
- Templates—You can also control the way a MultiSelect item or the popup header and footer are rendered by using the Kendo UI templates.
- Adding new items—You can add an item that is not present in the MultiSelect's dataSource.
- Rendering and dimensions—You can change the dimensions of various elements of the Multiselect.
- Prefix and suffix—The MultiSelect component lets you add custom content as prefix and suffix adornments.
- Globalization—The MultiSelect supports globalization to ensure that it can fit well in any application, no matter what languages and locales need to be supported. Additionally, the MultiSelect supports rendering in a right-to-left (RTL) direction.
- Accessibility—The MultiSelect is accessible for screen readers, supports WAI-ARIA attributes, and delivers keyboard shortcuts for faster navigation.
To learn more about the appearance, anatomy, and accessibility of the MultiSelect, visit the Progress Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
Next Steps
- Getting Started with the Kendo UI MultiSelect for jQuery
- Overview of the MultiSelect (Demo)
- Using the API of the MultiSelect (Demo)