1. #1
    Sencha User
    Join Date
    Jul 2012
    Location
    India
    Posts
    87
    Vote Rating
    0
    Ronits is on a distinguished road

      0  

    Default Unanswered: Infinite Scrolling / Lazy scrolling in ExtJS

    Hi All,
    Would like to know, a proper implementation of infinite scrolling for grid component.
    Tried out examples after googling, but unable to implement it successfully.
    If anyone has implemented it, please share the piece of code, which made it to work.
    I did the following to implement it :
    1. Create a store, with buffered:true.
    2. pageSize:10
    3. proxy : memory.
    4. leadingBufferzone :5.
    5. Create a grid with :
    selModel: {
    pruneRemoved: false }, verticalScroller:{
    variableRowHeight: true },
    Basically, I tried to implement the example here :
    http://docs.sencha.com/ext-js/4-1/#!/example/grid/infinite-scroll.html
    Please let me know, if i am missing something, to get it working.
    Thanks,
    Ronz

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,340
    Vote Rating
    490
    Answers
    712
    scottmartin has a spectacular aura about scottmartin has a spectacular aura about scottmartin has a spectacular aura about

      0  

    Default

    Can you detail the problems you were having after trying to get this to work?

    Scott.

  3. #3
    Sencha User
    Join Date
    Jul 2012
    Location
    India
    Posts
    87
    Vote Rating
    0
    Ronits is on a distinguished road

      0  

    Default Infinite Scrolling

    Hi Scott,
    Basically, there was no error to debug. But, infinite scrolling was not being implemented. Since, the entire store data was loaded at once, and an ordinary vertical scrollbar was being enabled.
    I was expecting, 10-15 rows of data would be loaded, and then, when I scroll down the grid, again, the next 10-15 rows would be populated dynamically.
    What, I think is, since I am using proxy type of store as 'memory', the functionality is breaking. Is that so? Because, it happened the same with pagingtoolbar.
    Please help.
    Thanks,
    Ronz

  4. #4
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,340
    Vote Rating
    490
    Answers
    712
    scottmartin has a spectacular aura about scottmartin has a spectacular aura about scottmartin has a spectacular aura about

      0  

    Default

    You will need to using PagingMemoryProxy.

    As for the infinite scrolling .. I do not believe it properly supports memory store.
    Have look at the buffered grid example.

    Scott.

  5. #5
    Sencha User
    Join Date
    Jul 2012
    Location
    India
    Posts
    87
    Vote Rating
    0
    Ronits is on a distinguished road

      0  

    Default

    Thanks Scott,
    Will try to implement the same as soon as possible, and let all know the update, if it works..
    Thanks,
    Ronz

Thread Participants: 1

Tags for this Thread