Example of Virtualization in Javascript ListView Control

All Controls
/
ListView
/
Virtualization

This sample demonstrates the default functionalities of UI virtualization. Scroll list item to experience UI virtualization.

More Details...

Contacts
  • N Nancy
  • A Andrew
  • J Janet
  • undefined Margaret
  • S Steven
  • undefined Laura
  • R Robert
  • M Michael
  • undefined Albert
  • N Nolan
  • N undefinedNolan
  • S undefinedSteven
  • J undefinedJanet
  • undefined undefinedLaura
  • R undefinedRobert
  • S undefinedSteven
  • N undefinedNancy
  • A undefinedAndrew
  • undefined undefinedLaura
  • M undefinedMichael
Load data
Time taken
9 ms
Description

UI virtualization is an optimization technique to avoid unnecessarily constructing and rendering objects for list items by loading only visible list items in a view port. This helps improve list view performance when loading a large number of items. The list items are updated dynamically while users scroll the list. The virtualization can be enabled by using enablevirtualization API in Listview.