Grid in tabpanel is not scrollable
If anyone finds this question (my first one) stupid, please be aware that the most I hope to gain from this post is some new keywords to search with in the future. Any help with the actual matter would be extremely helpful.
I have a viewport (screenshot 1) , where I have
a header div in the north,
chart panel in south,
large map panel in center and
data tabpanel in west.
now it this tabpanel I have three items:
filter in north (formpanel),
first grid in center (gridpanel), loaded upon form submit and
second grid in south (gridpanel), loaded when something is clicked in the first grid.
now the problem is that as the second grid is loaded dynamically with json and usually has more than 200 rows. When the data is loaded, the second grid won't expand to the end of the screen (though it has autoHeight: true) but expands to endlessness in the bottom. Also, it will not create a scrollbar. And - when navigating downwards throurgh the records using keyboard, the whole tabpanel contents gets scrolled (screenshot 2).
I guess I have problem with layout types but as I have tried so many combinations and it still does not work, the code is not something to look at anymore. I just hope that someone knows the issue so well that can just say what layout types I should have on the components listed before.
Any help or hint is highly appreciated.
So who is sizing that Grid to create the need for scrollbars?
welcome to the forums. please post relevant code in PHP or code tags so we can help
If the Container that you add to has the kind of layout that sizes and positions its child Components (like border layout) then you have to call doLayout just on the Container that you add to.