我正在使用 GWT 和装饰的 StackPanel。如果内面板很小,我没有问题,但如果拳头太大,其他面板的选项卡在屏幕外,无论 CSS 高度或溢出值。我试图添加一个 ScrollPanel 但它也没有帮助。
这是我的java代码:
package it.scantamburlo.test.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.DecoratedStackPanel;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.ScrollPanel;
import com.google.gwt.user.client.ui.VerticalPanel;
public class Test implements EntryPoint {
public void onModuleLoad() {
DecoratedStackPanel dsp = new DecoratedStackPanel();
dsp.setWidth("100%");
dsp.setHeight("100%");
VerticalPanel vp = new VerticalPanel();
for (int i = 0; i < 80; i++) {
vp.add(new HTML("HTML " +i));
}
ScrollPanel sp = new ScrollPanel(vp);
sp.setAlwaysShowScrollBars(true);
dsp.add(sp, "Lungo", false);
vp = new VerticalPanel();
for (int i = 0; i < 5; i++) {
vp.add(new HTML("HTML " +i));
}
dsp.add(vp, "Corto", false);
RootPanel.get("main").add(dsp);
}
}
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link type="text/css" rel="stylesheet" href="Test.css">
<title>Web Application Starter Project</title>
<script type="text/javascript" language="javascript" src="test/test.nocache.js"></script>
</head>
<body>
<h1>Web Application Starter Project</h1>
<div id = "main" ></div>
</body>
</html>