Question

我正在使用 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>

防止 StackPanel 退出屏幕

0 个答案: