Success! Looks like we've fixed this one. According to our records the fix was applied for a bug in our system in a recent build.
  1. #1
    Sencha Premium Member
    Join Date
    Apr 2011
    Posts
    101
    Vote Rating
    3
    sskow200 is on a distinguished road

      0  

    Default [4.0.5] No vertical scroll in Ext.grid.Panel with small number of records in table.

    [4.0.5] No vertical scroll in Ext.grid.Panel with small number of records in table.


    REQUIRED INFORMATION
    Ext version tested:
    • Ext 4.0.5
    Browser versions tested against:
    • ALL
    Description:
    • When you create a Ext.panel.Table being resizable (or a set height that is too small)
      and you have a small number of records in the table the vertical scrollbar will not appear.
    Steps to reproduce the problem:
    • Create a Ext.grid.Panel with a height of 186px;
    • Create a store with 4 records in it.
    The result that was expected:
    • Expecting a 186px height GridPanel with 4 records and a scrollbar.
    The result that occurs instead:
    • Scrollbar will not appear and records will be cut off.

    HELPFUL INFORMATION

    Screenshot or Video:
    • attached
    See this URL for live test case: http://

    Debugging already done:
    • Debugged Ext.panel.Table
    Possible fix:
    • Looking into the method determineScrollbars() in Ext.panel.Table:
      The scrollbar height is being compared to the height of the entire component,
      rather then the height of the table itself (or the body of the component).
      Code:
      //box = me.getSize() <-- wrong
      box = me.body.getSize()
      By making the above change you receive the appropriate height for comparison.
    Additional CSS used:
    • only default ext-all.css
    Operating System:
    • MacOSX

  2. #2
    Ext JS Premium Member
    Join Date
    May 2011
    Posts
    31
    Vote Rating
    0
    dbradicich is on a distinguished road

      0  

    Default


    See my last post here

    http://www.sencha.com/forum/showthre...l=1#post640289

    T
    hat should get you around your problem with scrollbar not showing (seems the whole grid panel, rather than just the view is being used to retrieve size when calculating whether to show the scroller or not)

    #edit
    Ha, hadn't read your whole post, looks like you already saw the problem
    #edit

  3. #3
    Touch Premium Member
    Join Date
    Nov 2010
    Location
    Chicago
    Posts
    1,300
    Vote Rating
    109
    LesJ is a glorious beacon of light LesJ is a glorious beacon of light LesJ is a glorious beacon of light LesJ is a glorious beacon of light LesJ is a glorious beacon of light LesJ is a glorious beacon of light

      0  

    Default


    Thank you for the code! It works. Let's hope this is fixed in 4.0.6.

    Les

  4. #4
    Sencha User
    Join Date
    Mar 2011
    Posts
    4
    Vote Rating
    0
    ericaker is on a distinguished road

      0  

    Default Same thing more examples

    Same thing more examples


    Sencha Ext JS 4.0.5
    AutoScroll not working.
    I have found two scenarios where
    autoScroll is not working.
    7 items in store when testing.
    1. Grid Panel ( code on next page)
    2. view.View inside of Panel
    3. view.View works fine

      on the Grid Panel the scroll bars
      show up in WebKit (Chrome and Safari) but they are not functional,
      no scrolling. You can use arrow keys to select items that out of
      sight and you can search and sort items so that hidden items become
      visible. Firefox(ver 5 and 6) and IE (ver 8 and 9) the scroll bars
      are not visible.
      On the View inside of a panel the
      scroll bars do not show on any of the browsers. Search works so you
      can display subset of list. I added a paging toolbar, it shows
      correct information but is non functional.

      On just plain view.View (code on
      last page) the scrollbar works fine on all 4 tested browsers.
    Attached Files

  5. #5
    Touch Premium Member
    Join Date
    Nov 2010
    Location
    Chicago
    Posts
    1,300
    Vote Rating
    109
    LesJ is a glorious beacon of light LesJ is a glorious beacon of light LesJ is a glorious beacon of light LesJ is a glorious beacon of light LesJ is a glorious beacon of light LesJ is a glorious beacon of light

      0  

    Default


    Looks like this bug was fixed in 4.0.6

  6. #6
    Ext JS Premium Member
    Join Date
    Jun 2010
    Posts
    73
    Vote Rating
    0
    optima is on a distinguished road

      0  

    Default


    i'm using 4.0.6 and in my grid doesn't show any scroll bars even tho i set both

    autoScroll:true,
    scroll:'vertical',

    i'm using FF6 and XP

    this virtual scrolling thing is rubbish!!

  7. #7
    Ext JS Premium Member
    Join Date
    Jun 2010
    Posts
    73
    Vote Rating
    0
    optima is on a distinguished road

      0  

    Default


    Quote Originally Posted by optima View Post
    i'm using 4.0.6 and in my grid doesn't show any scroll bars even tho i set both

    autoScroll:true,
    scroll:'vertical',

    i'm using FF6 and XP

    this virtual scrolling thing is rubbish!!
    ...and the grid has plenty of records init...

    the only way to scroll at the moment is to use the mouse wheel, but we can't rely on all our users having a mouse wheel....

  8. #8
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,666
    Vote Rating
    586
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    There's no need to specify either of those options, the grid will scroll automatically.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  9. #9
    Ext JS Premium Member
    Join Date
    Jun 2010
    Posts
    73
    Vote Rating
    0
    optima is on a distinguished road

      0  

    Default


    scroll problem.JPG

    what's really strange is that on the left side there is a funny blue line that sticks out....

    i think this is the scroll bar... i just inspected it with firebug and the html is:

    <div id="gridscroller-1061" class="x-component x-scroller x-scroller-vertical x-component-default x-docked x-docked-right x-component-docked-right x-component-default-docked-right" style="width: 17px;" role="presentation"><div id="gridscroller-1061_ct" class="x-scroller-ct" style="width: 21px; height: 0px; left: -5px;"><div id="gridscroller-1061_stretch" class="x-stretcher" style="width: 1px; height: 483px;"></div></div></div>

  10. #10
    Ext JS Premium Member
    Join Date
    Jun 2010
    Posts
    73
    Vote Rating
    0
    optima is on a distinguished road

      0  

    Default


    Quote Originally Posted by evant View Post
    There's no need to specify either of those options, the grid will scroll automatically.
    i just removed both those lines and the problem is still there....‚Äč