Results 1 to 1 of 1

Thread: [4.0.5] Scrollbar doesn't appear with groupingview

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User Tim Toady's Avatar
    Join Date
    Feb 2010
    Location
    Pennsylvania
    Posts
    603
    Vote Rating
    284
      0  

    Default [4.0.5] Scrollbar doesn't appear with groupingview

    REQUIRED INFORMATION Ext version tested:
    • Ext 4.0.5
    • Ext 4.0.6

    Browser versions tested against:
    • IE8
    • FF5

    Description:
    • Grid with Grouping feature does not always have a scroll bar when it should. It works with 4.0.2a.

    Steps to reproduce the problem:
    • Try the provided code. Alternatively, you can create a grid with the grouping feature and set a height. Add a bunch of items that would cause scrolling. Remove them until the scroll bar goes away. Some will be cut off.

    The result that was expected:
    • Scrollbar

    The result that occurs instead:
    • No scrollbar

    Test Case:
    Code:
    <html>
        <head>
            <script type="text/javascript" src="/ext-4.0.5/ext-all.js"></script>
            <link rel="stylesheet" type="text/css" href="/ext-4.0.5/resources/css/ext-all.css" />
    
            <script>
            Ext.onReady(function() {
    
                var data = [
                    {test: '1', other: 'sdg'},
                    {test: '1', other: 'sdg'},
                    {test: '1', other: 'sdg'},
                    {test: '1', other: 'sdg'},
                    {test: '2', other: 'sdg'},
                    {test: '2', other: 'sdg'},
                    {test: '2', other: 'sdg'},
                    {test: '3', other: 'sdg'},
                    {test: '3', other: 'sdg'},
                    {test: '3', other: 'sdg'}
                ];
    
                var store = Ext.create('Ext.data.Store', {
                    groupField : 'test',
                    data       : data,
                    fields     : [ 'test', 'other' ]
                });
                
                var processGrid = Ext.create('Ext.grid.Panel', {
                    title      : 'testing',
                    store      : store,
                    renderTo   : Ext.getBody(),
                    features   : [{ ftype : 'grouping' }],
                    height     : 330,
                    columns    : [
                        {
                            dataIndex: 'other'
                        }
                    ]
                });
            });
            </script>
    
        </head>
        <body>
        </body>
    </html>
    HELPFUL INFORMATION Screenshot or Video:
    • attached

    See this URL for live test case: http:// Debugging already done:
    • none

    Possible fix:
    • not provided

    Additional CSS used:
    • only default ext-all.css

    Operating System:
    • ubuntu 11.04 / XP
    Last edited by Tim Toady; 31 Aug 2011 at 5:37 AM. Reason: Also broken in 4.0.6

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
  •