Overview

The List is a widget 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 widget requires only a dataSource to be specified.

HTML
JavaScript
<div id="listContainer"></div>
var 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