PDA

View Full Version : RowLayout



jsknight
2 Mar 2010, 6:10 AM
Hello,

I have the Viewport component on the page, its west region has layout='ux.row'.
West region contains two panels: 1st has fixed height and the second has rowHeight = 1 and layout='fit' .
In the second panel there is grid.
The problem is that bbar/fbar is not visible after rendering, but after resizing (e.g. set browser window maximaze and then restore it) it works fine.

The same code works fine under 3.0 version of extjs.





west region example :
items: [
{
height: 300 //fixed
...
}, {
rowHeight: 1,
layout: 'fit',
items: simpleGrid
}
]

jsknight
3 Mar 2010, 12:03 AM
Any idea?

Animal
3 Mar 2010, 12:10 AM
Use vbox layout configured align: 'stretch'

Animal
3 Mar 2010, 12:10 AM
And don't overnest that grid! What's the point of wrapping it in a layout: 'fit' Panel?

jsknight
3 Mar 2010, 1:25 AM
Use vbox layout configured align: 'stretch'

Hello , Animal

vbox layout - child items are stretched horizontally to fill the width of the container. I need vertical stretch.
so ux.row layout is very good in this place. The problem is that the bbar of the grid which is in the container with rowHeight=1 is not visible. In 3.0 vers. it works nice.

Animal
3 Mar 2010, 1:36 AM
Listen to me.

jsknight
3 Mar 2010, 1:42 AM
"What's the point of wrapping it in a layout: 'fit' Panel"

The point is to make grid's height 100% of the rest column space