1. #1
    Ext User
    Join Date
    Oct 2009
    Posts
    31
    Vote Rating
    1
    khoivu4477 is on a distinguished road

      0  

    Exclamation Need Help on Grid Setting

    Need Help on Grid Setting


    I have a data grid whose number of rows are configurable. How can I configure ExtJs to grow vertically so that user do not have to scroll up or down to view the hidden row? Right now, I have to set these settings on my grid.

    viewConfig: {
    forceFit: false,
    },
    stripeRows: true,
    height: 300,

    If I do not specify height, the grid does not show any rows. If I specify height too big, but there are few rows, there will be empty space at the bottom of the grid.

    Thanks for any helps.

    K

  2. #2
    Sencha User bkraut's Avatar
    Join Date
    Nov 2007
    Location
    Maribor, Slovenia
    Posts
    402
    Vote Rating
    1
    bkraut is on a distinguished road

      0  

    Default


    Maybe autoHeight: true will help? Depends I think also from the container.

  3. #3
    Ext User
    Join Date
    Oct 2009
    Posts
    31
    Vote Rating
    1
    khoivu4477 is on a distinguished road

      0  

    Question


    I tried

    viewConfig: {
    forceFit: false,
    emptyText: mConfig.emptyGridMessage,
    autoHeight: true
    },
    stripeRows: true,
    height: 'auto',
    but the grid shrink to the size that I did not see any rows. I guess that when autoHeight sets to true, ExtJx leaves it to the container to manage the grid height. And the portal container ( i am using liferay) does not do auto expand the grid here.

    This is kind of difficult to do. Where else can I try?

    Please help.

  4. #4
    Ext User
    Join Date
    Oct 2009
    Posts
    31
    Vote Rating
    1
    khoivu4477 is on a distinguished road

      0  

    Default


    Ok, it works now when I removed the "height:'auto'" and moved the autoHeight to outside of the viewConfig. So here is my settings
    viewConfig: {
    forceFit: false,
    emptyText: mConfig.emptyGridMessage,
    },
    stripeRows: true,
    autoHeight: true,

Thread Participants: 1