Search code examples
extjsgridscrollbargxt

GXT Grid Layout issue - No Vertical Scrollbar

I'm trying to add a Grid into a VerticalLayoutContainer of fixed size (250 px) and have the user be able to scroll vertically.

I'm using the following code, however, the grid does not display at all.

    VerticalLayoutContainer vPanel = new VerticalLayoutContainer();
    vPanel.setHeight("250px");
    vPanel.add(grid, new VerticalLayoutData(1, 1));

    grid.setHeight("auto");

    add(vPanel);

The Grid displays in other circumstances, but covers up other GUI elements (no scrollbar).

Hopefully this is an easy fix for those more experienced with Sencha GXT.

Thanks to anyone taking the time to help me out...

Solution

  • try this:

    vPanel.getScrollSupport().setScrollMode(ScrollMode.auto);

    If it doesn't work, then, try this:

    `

    ContentPanel p = new ContentPanel();
p.setHeaderVisable(false);
p.setBodyBorder(false);
p.setBorder(false);
p.setHeigh(250);
vPanel.add(p);
p.add(grid);

    `

    then grid, will automaticaly have scroll mode.