How to hide body of gridpanel?

Question

My grid have some docked toolbars and i want to hide only grid body. I tried to hide like this:

mygrid.body.hide();

rows disappeared but container height not changed. So instead grid rows I got empty space..

So how can I collapse and expand gridpanel body?

score 0 · Answer 1 · answered Apr 13 '12 at 12:14

0

Try calling doLayout() and/or doComponentLayout() on grid

answered Apr 13 '12 at 12:14

sha

in firebug i see that style has changed(highlighted) so somehow extjs counts and hidden elements heights? – Vytautas Apr 13 '12 at 12:28

score 0 · Answer 2 · answered Apr 18 '12 at 18:40

You can try like this:

Hide the headercontainer of the grid with hide(), if needed (this contains the grid header row)
Hide the body of the grid with hide() as you did.
Set the height of grid to appropriate value: grid.setHeight(grid_header_height + grid_toolbar_height). Plus grid_headercontainer_height to if needed.

score 0 · Answer 3 · answered Jun 25 '13 at 16:45

0

Have you tried

mygrid.collapse();

answered Jun 25 '13 at 16:45

Geo

3 Answers3