JavaScript/jQuery List - Overview

The List is a UI component that represents a collection of items in a scrollable list.

View Demo

The following code adds a simple List to your page. The simplest configuration of the UI component requires only a dataSource to be specified.

HTML
JavaScript
  • <div id="listContainer"></div>
  • const fruits = ["Apples", "Oranges", "Lemons", "Pears", "Pineapples"];
  •  
  • $(function() {
  • $("#listContainer").dxList({
  • dataSource: fruits
  • });
  • });

The List supports a great variety of features. To learn more about a particular feature, refer to a dedicated topic in this documentation section.

See Also