jQuery List - Overview
The List is a UI component that represents a collection of items in a scrollable list.
The following code adds a simple List to your page. The simplest configuration of the UI component requires only a dataSource to be specified.
jQuery
HTML
JavaScript
<div id="listContainer"></div>
const fruits = ["Apples", "Oranges", "Lemons", "Pears", "Pineapples"];
$(function() {
$("#listContainer").dxList({
dataSource: fruits
});
});Angular
HTML
TypeScript
<dx-list
[dataSource]="fruits">
</dx-list>
import { DxListModule } from "devextreme-angular";
// ...
export class AppComponent {
fruits = ["Apples", "Oranges", "Lemons", "Pears", "Pineapples"];
}
@NgModule({
imports: [
// ...
DxListModule
],
// ...
})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
- List - Data Binding
- Configure a Widget: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
- List API Reference
Feedback