1. #1
    Ext JS Premium Member SebTardif's Avatar
    Join Date
    Feb 2011
    Location
    Cambridge, MA
    Posts
    462
    Vote Rating
    14
    SebTardif will become famous soon enough

      0  

    Default How and where do apply the new Infinity Scroll feature?

    How and where do apply the new Infinity Scroll feature?


    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?

  2. #2
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,352
    Vote Rating
    127
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    We will be releasing an example that illustrates loading of thousands of records in a Grid in the next few weeks.
    Aaron Conran
    @aconran
    Sencha Architect Development Team

  3. #3
    Touch Premium Member
    Join Date
    Jun 2008
    Posts
    37
    Vote Rating
    0
    pflammer is on a distinguished road

      0  

    Default


    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.

  4. #4
    Ext JS Premium Member SebTardif's Avatar
    Join Date
    Feb 2011
    Location
    Cambridge, MA
    Posts
    462
    Vote Rating
    14
    SebTardif will become famous soon enough

      0  

    Default Infinity Scroll seems only for vertical scrolling

    Infinity Scroll seems only for vertical scrolling


    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.

  5. #5
    Touch Premium Member
    Join Date
    Jun 2008
    Posts
    37
    Vote Rating
    0
    pflammer is on a distinguished road

      0  

    Default


    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.

  6. #6
    Ext JS Premium Member SebTardif's Avatar
    Join Date
    Feb 2011
    Location
    Cambridge, MA
    Posts
    462
    Vote Rating
    14
    SebTardif will become famous soon enough

      0  

    Default


    In Ext JS 4.0, the Infinity Scroll will disable which features? For example, does grouping will work with it?

  7. #7
    Ext JS Premium Member SebTardif's Avatar
    Join Date
    Feb 2011
    Location
    Cambridge, MA
    Posts
    462
    Vote Rating
    14
    SebTardif will become famous soon enough

      0  

    Default Infinity scroll has less good feedback when scrolling than BufferView of Ext 3.3

    Infinity scroll has less good feedback when scrolling than BufferView of Ext 3.3


    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!

  8. #8
    Ext JS Premium Member SebTardif's Avatar
    Join Date
    Feb 2011
    Location
    Cambridge, MA
    Posts
    462
    Vote Rating
    14
    SebTardif will become famous soon enough

      0  

    Default A blog started about this

    A blog started about this


    A Sencha blog started about this:
    http://www.sencha.com/blog/ext-js-4-grid-components

  9. #9
    Sencha User
    Join Date
    Dec 2007
    Posts
    40
    Vote Rating
    0
    Seboss is on a distinguished road

      0  

    Default


    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?

Similar Threads

  1. Replies: 1
    Last Post: 19 Jan 2011, 12:01 AM
  2. Grip panel column header scroll feature
    By Chods in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 11 Nov 2009, 9:12 AM
  3. how to apply scroll bar to tooltip
    By lionhx18 in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 16 Jul 2008, 10:16 PM
  4. TreeLoader: new feature request and patch to add this feature
    By osantana in forum Community Discussion
    Replies: 3
    Last Post: 12 Jun 2008, 9:42 AM
  5. Timeout infinity?
    By waoywssy in forum Ext 2.x: Help & Discussion
    Replies: 6
    Last Post: 25 Apr 2008, 12:09 AM

Thread Participants: 3

Tags for this Thread