Results 1 to 2 of 2

Thread: Ext.grid.Panel - Scroll Bar Issue

  1. #1
    Sencha User
    Join Date
    Nov 2012
    Posts
    1
    Vote Rating
    0
      0  

    Default Ext.grid.Panel - Scroll Bar Issue

    Hi,

    I'm using EXT JS 4.0 and with Ext.grid.Panel I'm stuck with a scroll bar issue.
    Here is the Basic Configuration:


    var grid = Ext.create('Ext.grid.Panel', {
    store: store,
    columnLines: true,
    columns: [{
    text : 'Company',
    flex : 1,
    sortable : false,
    dataIndex: 'company'
    }, {
    text: 'Stock Price',
    columns: [{
    text : 'Price',
    width : 75,
    sortable : true,
    renderer : 'usMoney',
    dataIndex: 'price'
    }, {
    text : 'Change',
    width : 75,
    sortable : true,
    renderer : change,
    dataIndex: 'change'
    }, {
    text : '% Change',
    width : 75,
    sortable : true,
    renderer : pctChange,
    dataIndex: 'pctChange'
    }]
    }, {
    text : 'Last Updated',
    width : 85,
    sortable : true,
    renderer : Ext.util.Format.dateRenderer('m/d/Y'),
    dataIndex: 'lastChange'
    }],
    height: 200,
    title: 'Grouped Header Grid',
    renderTo: 'grid-example',
    viewConfig: {
    stripeRows: true
    }
    });


    But when actual height of the grid is just about 2 rows bigger than 200 px, the scroll within the grid in not appearing.

    I do have a vertical re-size functionality which is breaking because of this.

    User is unable to see the bottom two rows if re-sized to a height that is actually two rows shorter.

    Can anyone give any idea on this?

    Thanks,
    Rajasish

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3932
    Vote Rating
    1272
      0  

    Default

    Have you tried upgrading to 4.1? The scrolling has been totally revamped to use the browser scroller.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

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
  •