View Full Version : How and where do apply the new Infinity Scroll feature?

20 Feb 2011, 3:26 PM
In Ext 3.3 there is no support to handle without pagination a dataset having more than couple of hundred rows.

Does the new "Infinity Scroll" feature apply to Grid and others?

Does the store, proxy, and UI component showing the number of rows are able to handle the entire thing?

21 Feb 2011, 12:00 PM
We will be releasing an example that illustrates loading of thousands of records in a Grid in the next few weeks.

21 Feb 2011, 1:24 PM
Does the new rendering engine for the grids, which comes in version 4.x, also account for very large number of columns as well? There have been some buffered grid solutions (or always paging) for large numbers of rows, but if you have more than say 20 columns, the 3.x implementation of the grid becomes quite slow.

27 Feb 2011, 6:33 AM
I took a look at Scroller.js, and it seems it don't virtualize horizontal scrolling.

Extract: // Horizontal scrolling only scrolls virtualized region

My understanding is that in Ext 4 compared to Ext 3, the horizontal scrolling will not scroll ALL the rows but only the chunk ~visible, so use case with lot of rows will execute faster when doing horizontal scrolling.

Some competitors do virtualize horizontal scrolling. Obviously, it's significantly less important than vertical scrolling. Maybe Ext JS 4 other optimizations will compensate the missing feature.

28 Feb 2011, 9:44 AM
It's possible that the fact that the fact that horizontal scrolling isn't having to render the non-visible rows, significantly more columns can be rendered. When I get a chance, I will test it and let everyone know the results here.

4 Mar 2011, 2:06 PM
In Ext JS 4.0, the Infinity Scroll will disable which features? For example, does grouping will work with it?

5 Mar 2011, 11:55 AM
I tried infinity scroll of Ext JS 4, I had to fix 2 lines in Ext.grid.ChunkingFeature. When we scroll we get a complete white grid even if stripping was enabled. In Ext JS 3.3 at least the stripping show up. Wait popup should at least appear so that the UI doesn't look broken. The options of Ext JS 3.3 BufferView: scrollDelay, cacheSize, and cleanDelay don't seem to exist in Ext JS 4 Infinity Scroll.

I have tried to use Infinity Scroll with grouping but that doesn't work. Also behavior are different depending of the order we add the features.

features: [
ftype: 'chunking'
ftype: 'grouping'


The design of Infinity Scroll create less DOM for the invisible rows, so initialization should be faster.

Long life to Livegrid!

9 Mar 2011, 10:18 AM
A Sencha blog started about this:

15 Mar 2011, 6:44 AM
How did you guys get the chunking feature to work? I have the same problem as detailed here: http://www.sencha.com/forum/showthread.php?126584

Did you come up with a workaround or did I miss something?