1. #1
    Ext JS Premium Member
    Join Date
    Feb 2010
    Location
    Vancouver, BC
    Posts
    195
    Vote Rating
    0
    rkim is on a distinguished road

      0  

    Default infinite grid

    infinite grid


    I am creating a infinite grid and for the start, I am totally coping the code in the sample
    http://docs.sencha.com/ext-js/4-0/#!/example/grid/infinite-scroll.html
    e
    xcept that I am not using jsonp (using "ajax")

    the page loads fine if I call,

    store.load();
    but
    store.guaranteeRange(0,199) doesn't seem to request server.

    Is this known issue for 4.1.0 beta 2 ?? sencha is using the latest beta for the sample ??

  2. #2
    Ext JS Premium Member
    Join Date
    Feb 2010
    Location
    Vancouver, BC
    Posts
    195
    Vote Rating
    0
    rkim is on a distinguished road

      0  

    Default


    Tried with jsonp, and still no go. It works fine with store.load().

    From the documentation, verticalScrollerType doesn't exist. Do I need something to make this work ?

    verticalScrollerType: 'paginggridscroller',

  3. #3
    Sencha User
    Join Date
    Oct 2007
    Posts
    447
    Vote Rating
    0
    mxu is on a distinguished road

      0  

    Question


    yes, I got the same issue when using ajax call instead

  4. #4
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,508
    Vote Rating
    56
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Don't use the code from the 4.0.7 example in code which runs on 4.1.0.

    Use the code from your SDK's examples directory.

  5. #5
    Ext JS Premium Member
    Join Date
    Feb 2010
    Location
    Vancouver, BC
    Posts
    195
    Vote Rating
    0
    rkim is on a distinguished road

      0  

    Default


    just downloaded 4.1.0 beta 3.
    infinite grid works in chrome, but not in firefox. (10.0.2)

  6. #6
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,508
    Vote Rating
    56
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    This has been extensively fixed in recent days to be much more reliable and efficient. The changes are not pulled into the repo yet though.

    Right now, the example works well on all browsers including FF 10.

    With the new code, you can use any pageSize you like, and it will request data in blocks of that size. It's a good idea to tune this and other parameters depending on your network latency and server and database speed.

    Large page sizes are usually good because they can keep the page cache filled with plenty of data. But if the network is slow or database is slow, you may want smaller pages, but to change the leading and trailing buffer zones which is how much "spare" data to keep ahead of and behind the scroll position to enable scrolling to continue.

    Large zones means that more data will be kept ahead to satisfy requirements for data.

    In addition, there is a infinite grid tuning example where you can experiment with the complicated configurations that allow you to tune it for your requirements.

  7. #7
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,508
    Vote Rating
    56
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    The API is simpler. So to kick it off, you just do

    Code:
    myStore.loadPage(1);
    And it routes that through the page cache, and begins buffered rendering.

  8. #8
    Ext JS Premium Member
    Join Date
    Feb 2010
    Location
    Vancouver, BC
    Posts
    195
    Vote Rating
    0
    rkim is on a distinguished road

      0  

    Default


    so.. is there any example ?

    The example in 4.1.0-beta3 doesn't work

  9. #9
    Sencha User
    Join Date
    Apr 2008
    Posts
    20
    Vote Rating
    1
    gilfeather is on a distinguished road

      0  

    Default


    Quote Originally Posted by Animal View Post
    Don't use the code from the 4.0.7 example in code which runs on 4.1.0.
    Well, duh! Didn't everyone get the memo: "Each release of ExtJS requires all code to be rewritten." You can't use old code with a new version, are you people nuts!

  10. #10
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,508
    Vote Rating
    56
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Sorry about that! But we are making the API much easier in 4.1.0. So the horror of current usage of buffered rendered grids will disappear.

    Just configure your store with

    Code:
    buffered: true,
    pageSize: <whatever works best for you>,
    autoLoad: true
    That's it. You don't have to interact with the machinery any more.