vaadin VerticalSplitPanel，出现水平滚动条，但我看不到右侧的终点线

debugcn 发表于 Dev

本吉

我将VerticalSplitPanel用作的第二个组成部分HorizontalSplitPanel。当我将面板添加为VerticalSplitPanel（cf屏幕截图）的第二个组件时，我可以看到垂直滚动条和水平滚动条。我的问题是我无法滚动到右侧的行尾。这是我的源代码：

        hsplit = new HorizontalSplitPanel();
        hsplit.setSplitPosition(13, Unit.PERCENTAGE);

        // Set the 1 pixel wide small style
        hsplit.addStyleName(Reindeer.SPLITPANEL_SMALL);

        vsplit.setSecondComponent(hsplit);
        Panel treePanel = new Panel();
        treePanel.setHeight(100, Unit.PERCENTAGE);
        treePanel.setContent(treeDataSourceManager.getView());
        treePanel.setStyleName("tree-panel");
        hsplit.setFirstComponent(treePanel);

        navbar = new VerticalLayout();

        GridLayout secondaryNavBar = new GridLayout(3, 1);
        secondaryNavBar.setWidth("100%");
        secondaryNavBar.addComponent(userPreferencesBar, 0, 0);
        secondaryNavBar.addComponent(paginationView, 2, 0);

        navbar.addComponent(alphaNavigationView);
        navbar.addComponent(secondaryNavBar);

        thirdPartLayout = new VerticalSplitPanel();
        thirdPartLayout.setStyleName("thirdPart");
        thirdPartLayout.setFirstComponent(navbar);
        thirdPartLayout.setSplitPosition(60, Unit.PIXELS);

        thirdPartLayout.setSecondComponent(mwiListResultView);
        hsplit.setSecondComponent(thirdPartLayout);

  public class MwiListResultView extends CustomComponent {



public MwiListResultView() {

    setSizeUndefined();
    setCompositionRoot(getResultLayout());

}

 private Panel getResultLayout() {


    Panel panel = new Panel();
    VerticalLayout resultLayout = new VerticalLayout();
    panel.setContent(resultLayout);
    panel.setWidth("1380px");
    resultLayout.setStyleName("mwiWorksResultLayout");
    resultLayout.setSizeUndefined();
   for (int i = 0; i < 200; i++) {
        Label l = new Label("test horizontal scrollbar right side not 
       shown totaly 
 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaattttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttXXXXXXXXXXXX");
        resultLayout.addComponent(l);
    }

  return panel;

 }
}

输出屏幕截图

本吉

底部有第二个滚动条，但没有出现。我在根布局上将margin设置为true，然后删除面板。该问题已解决。

private VerticalLayout  getResultLayout() {


VerticalLayout resultLayout = new VerticalLayout();
VerticalLayout .setWidth("1380px");
resultLayout.setStyleName("mwiWorksResultLayout");
resultLayout.setSizeUndefined();
for (int i = 0; i < 200; i++) {
    Label l = new Label("test horizontal scrollbar right side not 
   shown totaly     
  aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

   aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

     aaaaaaaaaaaaaaaaaaaaaaaaaattttttttttttttttttttttttttttttttttttttttttttttttttt

tttttttttttttttttttttttttXXXXXXXXXXXX");
    resultLayout.addComponent(l);
                                 }

return resultLayout;

 }

这是一个虚假的错误，因为在根布局上未将margin设置为true时，底部滚动条不会出现。我将创建一个票证。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。