異なる効果を持つVaadinのデモ

Question

私はVaadinを初めて使用しています - thisのようないくつかのデモを試してみてください。

しかし、私は私のワークスペースにそれを実行に非常に同じコードに次のことを見ている：私のコードは、私が唯一と呼ばれるこの当ページ上の例と同じである

単純化のために異なるTreeコンストラクタ。私が使用しているスプリッタとPanelがcom.vaadin.ui.*からすべてです：

@Override 
protected void init(VaadinRequest vaadinRequest) { 

    setContent(panels()); 

} 

これはちょうど約すべてのスプリッタに起こった：

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()からこのメソッドを呼び出しています、レイアウト、私が行ってきたパネルデモ

何が欠けていますか？

TIA。

Answer 1

パネルの高さを100％と定義する必要があります。

あなたは

panel.setHeight("100%");