Telerik UI for ASP.NET Core ListBox Basic Usage

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.

This ListBox example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for ASP.NET Core or ThemeBuilder.