Vaadin演示具有不同的效果

Question

我是Vaadin的新手 - 尝试了一些演示 - 例如this。

但是，当我在我的工作区中运行它时，我看到以下相同的代码：

我的代码与此页面上的示例相同 - 为简单起见，我只调用了不同的Tree构造函数。我使用的分割符Panel全部来自com.vaadin.ui.*：

private Component panels() {
    // Have a panel to put stuff in
    Panel panel = new Panel("Split Panels Inside This Panel");

    // Have a horizontal split panel as its content
    HorizontalSplitPanel hsplit = new HorizontalSplitPanel();
    panel.setContent(hsplit);

    // Put a component in the left panel
    Tree tree = new Tree("Menu");
    hsplit.setFirstComponent(tree);

    // Put a vertical split panel in the right panel
    VerticalSplitPanel vsplit = new VerticalSplitPanel();
    hsplit.setSecondComponent(vsplit);

    // Put other components in the right panel
    vsplit.addComponent(new Label("Here's the upper panel"));
    vsplit.addComponent(new Label("Here's the lower panel"));
    return panel;
}  

然后，我只是从我的UI连接器的init()调用此方法：

@Override
protected void init(VaadinRequest vaadinRequest) {

    setContent(panels());

}

这恰好发生在我所经历的每一个分割器，布局，面板演示上。

我缺少什么？

TIA。

Answer 1

您需要定义面板的高度为100％。

你可以通过说

来做到这一点

&