We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion has new privacy terms and cookie policies in effect May 24, 2018. Learn more

Overview

The list view control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views.


Data Binding

Powerful data binding allows data to be loaded from an array of primitive data, JSON data collections, or remote data sources. It supports complex data with field mapping; different kinds of data services such as OData, OData V4, and Web API; and data formats such as XML, JSON, JSONP, CSV, and HTML tables.

Data Binding


Sorting

Sort data programmatically in ascending or descending order. Custom sorting logic is also supported.


Grouping

Group data programmatically. You can identify a group from group headers in the view. Custom grouping logic is also supported.


Multi-Level ListView

Represent a nested data object structure in a list of lists. The initial screen displays the first-level list items and next level will be displayed when interacting with it.


Selection

Single

Single selection is on by default. When a user clicks or taps an item, it enables the selection.

Multiple

The list view supports multiple selection through check-box mode on the right or left of the list item. It helps users to select or clear a series of items without using the keyboard.

Manipulation

Users can disable the list view selection by handling the events. Preserve and restore the selected values in the list view to help users to continue their work from a previously saved state.


Customization

The header, list item, and group header can be completely altered using template options which help users arrange their content in flexible formats like image view, multiline text view, and mixed mode.

Customization


Right-To-Left(RTL)

Supports right to left (RTL) direction for users working in right-to-left languages like Hebrew, Arabic or Persian.


Touch-Friendly

The list view responds to screen size and adapts its contents to fit any device. It also recognizes touch gestures, enabling items to be selected or cleared when a tap or double-tap action is performed. This provides the best user experience for phones, tablets, and desktops.

Touch-Friendly


Accessibility

  • Fully supports WAI-ARIA accessibility that helps List View can be accessible by on-screen readers and assistive devices.

  • Designed the UI element visuals such as foreground color, background color,line spacing, text, images based on WCAG 2.0 standard.

  • Follows WAI-ARIA best practices for implementing keyboard interaction.

Developer Friendly APIs

You have control over all UI elements and behaviors of ListView to provide best experience to your end users using its rich set and developer friendly APIs.


35+ ESSENTIAL JS 2 CONTROLS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.