Telerik UI for ASP.NET Core ListBox Basic Usage
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
Also available for:
CLIENT-SIDE API SERVER-SIDE APIThe ListBox component is part of Telerik UI for ASP.NET Core, 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.
Description
The Telerik UI for ASP.NET Core ListBox control visualizes a list of data items in a box that the user can select, reorder, remove, or drag and drop single or multiple items. You can also connect the ListBox to other ListBoxes, bind it to local or remote data, and customize its items by using a template.
The current example displays a common use-case scenario for two connected ListBoxes that are bound to local data. You can move the items from one box to another by using the command buttons.
The ASP.NET Core ListBox control is part of Telerik UI for ASP.NET Core, a professional-grade UI library with 110+ components for building modern and feature-rich web applications. The UI for ASP.NET Core ListBox is a server-side wrapper for the Kendo UI for jQuery ListBox component and supports an HtmlHelper and a TagHelper mode.
Functionality and Features
-
Data binding—You can bind the ListBox to local data through the
BindTo()
method, or configure it for remote data binding by setting a DataSource in its configuration. - Item templates—The ListBox component allows you to use templates for the rendering of its items.
- Dragging and dropping—You can also enable the drag-and-drop feature for the ListBox items.
- Selection—The ListBox component supports a single and a multiple selction mode.
- Globalization—The ListBox component also enables you to render it in a right-to-left direction and customzie its default messages.
- Accessibility—The ListBox is accessible for screen readers, supports WAI-ARIA attributes, and delivers keyboard shortcuts for faster navigation.