New to Kendo UI for Vue? Start a free 30-day trial

Selection

The ListBox allows the user to select single or multiple items.

Basic Configuration

By default, the single selection option of the ListBox is enabled. To configure the multiple selection mode, add selectable: "multiple" to its settings. When selected, multiple items move together so that the selected items are transferred to another Kendo UI ListBox together or reordered as a set among other items.

Example
View Source
Edit In Stackblitz  
Change Theme:

Reordering of Selected Items

You can reorder selected items by using any of the following approaches:

  • The moveUp and moveDown command buttons of the toolbar.
  • The drag-and-drop functionality if the widget is draggable.
  • The Ctrl & Shift with ↓, or the Ctrl & Shift with ↑ keyboard combination.

Currently, multiple selected items cannot be dragged and dropped.

Example
View Source
Edit In Stackblitz  
Change Theme: