Gwt 根据内容自动调整选项卡面板的大小
您好,我已经实现了类似Gwt 根据内容自动调整选项卡面板的大小,gwt,Gwt,您好,我已经实现了类似 private VerticalPanel resultPanel; private TabLayoutPanel tabPanel = new TabLayoutPanel(2.5, Unit.EM); ResizeLayoutPanel resizePanel = new ResizeLayoutPanel(); myMethod(){ resizePanel.setWidth("100%"); resizePanel.setHeight("415p
private VerticalPanel resultPanel;
private TabLayoutPanel tabPanel = new TabLayoutPanel(2.5, Unit.EM);
ResizeLayoutPanel resizePanel = new ResizeLayoutPanel();
myMethod(){
resizePanel.setWidth("100%");
resizePanel.setHeight("415px");
resizePanel.setWidget(tabPanel);
resultPanel = new VerticalPanel();
resultPanel.setWidth("100%");
resultPanel.add(resizePanel);
tabPanel.add(myVerticalPanel, tabHeader);
}
因此myVerticalPanel是实际的内容,高度稍大。当resizePanel高度设置为415px时,其余内容将被隐藏
我希望实现两件事:
1.如果有更大的屏幕可用,则增加选项卡面板区域以自动显示更多内容
2.若屏幕很小,那个么会出现一个滚动条来查看其余的内容
请告知您可以尝试将
表格输出面板
替换为:
包含页眉(顶部)、页脚(底部)和内容的面板
(中间)区域。页眉和页脚区域会自然调整大小。这个
内容区分配给两个区域之间的所有剩余空间
页眉和页脚区域
或者,您可以覆盖onResize()
方法,使用resizelayourpanel
计算嵌入内容的高度并设置适当的高度
如果您想要滚动功能,您必须将
垂直面板
嵌入到中,或者使用CSS设置oferflow属性 您可以尝试将表格输出面板
替换为:
包含页眉(顶部)、页脚(底部)和内容的面板
(中间)区域。页眉和页脚区域会自然调整大小。这个
内容区分配给两个区域之间的所有剩余空间
页眉和页脚区域
或者,您可以覆盖onResize()
方法,使用resizelayourpanel
计算嵌入内容的高度并设置适当的高度
如果您想要滚动功能,您必须将垂直面板
嵌入到中,或者使用CSS设置oferflow属性