Results 1 to 6 of 6

Thread: Like to have vetical scrollbars in a grid panel

  1. #1
    Sencha User
    Join Date
    Aug 2011
    Posts
    8
    Vote Rating
    0
      0  

    Default Like to have vetical scrollbars in a grid panel

    Hi,

    I have got a grid in a grid.panel dockedItem. So that I have got two grids. In the first I have got a list and in the dockedItems I have got such a summary row. These secound grid should be only one row and shown everytime, so that I can scroll the grid on top and always the summery to take a look.

    It works fine:

    Code:
    Ext.define('AM.view.vGrid', {
        extend: 'Ext.grid.GridPanel'
        , alias: 'widget.boardgrid'
        , width: 788
        , height: 296
        , layout: 'fit'
        , store: myStore
        , disableSelection: true
        , columns: myHeader
        , hideHeaders: false
        , scroll: true
    //    , 'overflow-y': 'scroll'
        , dockedItems: [{
            xtype: 'grid'
            , id: 'summary'
            , dock: 'bottom'
            , displayinfo: true
            , store: myStore
            , width: 788
            , height: 25
            , layout: 'fit'
            , hideHeaders: true
        }]

    My problem are these scrollbars. In the first grid I have a scrollbar because there are a lot of rows in. In the summary grid row I don't have a scrollbar, so the cells are placed with differend width numbers. But I like to have the same width for each column, even it is in the top or in the bottom grid.

    You see, I tryed it with some ccs code, I can display a scrollbar, but the width of the cells are still the same, the lines of the columns are not in one line.

    Is it possible to display a real scrollbar for everytime...?

    greetings
    Lars

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,381
    Answers
    3997
    Vote Rating
    1536
      0  

    Default

    Have you tried adding the CSS to the grid:

    overflow-y: scroll;
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Aug 2011
    Posts
    8
    Vote Rating
    0
      0  

    Default Like to have vetical scrollbars in a grid panel

    Hi,

    thanks for the answare. Yes, I have tryed - like you can see in my code.

    The scrollbar will be shown, but it will not use the space. For my summary row the last content will be covered by the scrollbar. So the columns in the bottom grid don't have the same width like the grid on the top.

    Just show the scrollbar is not enough, I need to have scrollbars that take also that space they need and push the columns for that, so that I have the same width in both grids.

    greetings
    Lars

  4. #4
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,381
    Answers
    3997
    Vote Rating
    1536
      0  

    Default

    Are you using 4.0.7 or before? In 4.1 the native scrollbars are back.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

  5. #5
    Sencha User
    Join Date
    Aug 2011
    Posts
    8
    Vote Rating
    0
      0  

    Default Ext JS 4.0.2

    Hi,

    I am using Ext JS 4.0.2, so I will try to use the 4.1 and let you know what happend.

    greetings
    Lars

  6. #6
    Sencha User
    Join Date
    Aug 2011
    Posts
    8
    Vote Rating
    0
      0  

    Default 4.1 is not running

    Hi,

    I tryed to use Ext JS 4.1 - but it's not running at all...

    I downloaded the version Ext JS 4.1 Performance Preview.

    So I don't have an idear if that with the scrollbar will be better in that version.

    Any other tips...?

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
  •