Results 1 to 5 of 5

Thread: Infinite Scrolling / Lazy scrolling in ExtJS

  1. #1
    Sencha User
    Join Date
    Jul 2012
    Location
    India
    Posts
    87
    Vote Rating
    0
      0  

    Default 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,390
    Answers
    716
    Vote Rating
    498
      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
      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,390
    Answers
    716
    Vote Rating
    498
      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
      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

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •