elegantojr.blogg.se - Sencha touch scrolling avoid bounce

The scroll bar size visually reflects the total amount of data. Virtual Scrolling: Users can seamlessly navigate through the entire grid. It’s infinite, and as the user scrolls, more data is loaded and the scroll bar grows. The scroll bar size does not visually reflect the complete amount of data available. Data pages are loaded when the scroll bar reaches the end of display. Infinite Scrolling: Users can navigate through pages without specifying which ones. Grid retrieves the requested pages of data and displays them. Paging: Users can scroll through a page at a time or through a range of specified pages to retrieve information. Vendors use scrolling terms interchangeably, so we’d like to take a minute to go over what each feature really means and which one was used for this analysis.

Grid Scrolling Methodsīefore we jump into the results, it’s important to quickly distinguish between the different types of server-side scrolling. For each competitor, their respective Grid Infinite/Virtual Scrolling capabilities were used to gather the metrics.

Scrolling speed - How long does it take to scroll through various portions of the grid (eg: first few entries, scroll through a certain section of the grid and back up, mid grid and up a few entries, scroll to end of grid etc.)Įxperiments were conducted on server-side data containing small (10,000), medium (100,000) and large (1 million+) datasets (number of rows).

Filtering speed - Time to dynamically filter on a field (eg: characters in a name).

Initial Load Time - How long does it take to load the initial set of static data.

The data grid performance was measured on 3 main metrics.

Let’s dive deeper into the experiment details and how the measurements were conducted. Ext JS data grid’s blazing fast Virtual Scrolling experience retrieves and displays large data requests under a second (compared to minutes for certain competitors). Scrolling performance is a key indicator of grid stability given the frequent need to scroll through huge amounts of filtered data. Ext JS was over 300x faster than leading data grid vendors. Our test results indicate that while most grids do well with initial static load time and dynamic filtering speeds, Ext JS data grid outperformed most competitors on scrolling performance when tested with medium to large datasets (100,000 to 1,000,000+ data volumes).

View Examples, Videos, Webinars, Datasheets and Whitepapers LEARN MORE > Professionally maintained Web Framework for Java developers LEARN MORE > The low-code editor that accelerates building robust Sencha Ext JS enterprise applications with simple drag and drop LEARN MORE >

High-Performance Enterprise-grade JavaScript?ramework with 140+ professionally maintained components LEARN MORE >