1

你好我已经实现了类似的东西

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.如果有更大的屏幕可用，则增加 tabPanel 区域以自动显示更多内容 2.如果屏幕很小，则出现滚动以查看其余内容

请指教

4

1 回答 1

1

您可以尝试TabLayoutPanel用HeaderPanel替换：

包含页眉（顶部）、页脚（底部）和内容（中间）区域的面板。页眉和页脚区域会自然调整大小。内容区域分配了页眉和页脚区域之间的所有剩余空间。

或者，您可以覆盖计算嵌入内容高度的onResize()方法并设置适当的高度。ResizeLayoutPanel

如果你想要滚动功能，你必须将你嵌入VerticalPanel到ScrollPanel或使用 CSS 来设置 oferflow 属性。

于 2012-09-17T09:39:14.503 回答