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属性