如何在使用DockLayoutPanel时滚动？

Question

我是GWT和uiBinder的新手，我需要在窗口缩小时显示滚动，以便显示具有固定大小的项目。

UiBinder.xml

<clui:DockLayoutPanel unit='EM'>
        <clui:center>
          <clui:TabLayoutPanel barHeight="2" barUnit="EM" width="100%" height="100%" ui:field="tabs" />
        </clui:center>   
</clui:DockLayoutPanel>

Java代码

@UiField TabLayoutPanel tabs;

interface IndexUiBinder extends UiBinder<Widget, Index> {
}

public doc() {
  initWidget(uiBinder.createAndBindUi(this));

  tabs.add(new FirstDoc(), "First");
  tabs.add(new SecondDoc(), "Second");
}

我尝试向css添加属性，滚动出现，但无法正常工作

body {
  overflow:scroll;
}

感谢您的帮助。

Answer 1

您需要使用ScrollPanel。你将它（只有它！）添加到你的选项卡，然后其他一切都进入ScrollPanel。