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

    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
    8,935
    Answers
    656
    Vote Rating
    443
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      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

    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
    8,935
    Answers
    656
    Vote Rating
    443
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      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