2016-07-19 10 views
0

私は別のものを試しましたが、私はブラウザのサイズを変更してhorizintal Scrollbar wehenを動かすことはできませんでした。Vaadin Horizo​​ntalSplitPanelに水平スクロールバーがありません

私はHorizo​​ntalSplitPanelを持っています。 このパネルでは、左側にメニューがあり、右側にコンテンツがあります。 コンテンツについて私はMainLayoutのVerticalLayoutを持っています。これにはいくつかのHorizental Layoutsが含まれています。

私のサーブレットクラスで:

private HorizontalSplitPanel split = new HorizontalSplitPanel(); 
split.setSizeFull(); 
... 
private VerticalLayout mainLayout = new VerticalLayout(); 
private HorizontalLayout xyz = new VerticalLayout(); 
mainLayout.addComponent(xyz); 
split.addComponent(mainlayout); 

VaadinドキュメントのfürHorizo​​ntalPanelSPlitは言う:

水平スクロールバーが必要な場合は、両方にスクロールバーを持つことができ、パネルのコンテンツを置くことができます行き方。

だから、私はPanalで私Mainlayoutを入れてHorizo​​ntalPanelSPlitの私のコンテンツ部分(右側)にパネルに追加したい、しかし: 私はパネルにHorizo​​ntalLayoutsを追加することができます。

Panel panel = new Panal(); 
panel.addComponent(mainLayout); 

は機能しません。

誰かが私を助けることができますか?私はVaadim会で答えを見つけ、7歳、:(Vaadin Panel documentationから

答えて

3

抜粋動作しません:パネルのサイズを未定義た場合、

スクロールパネル

コンテンツ通常の の方向では、デフォルトで垂直方向に設定されているため、内容が大きくなるにつれて内容が拡大して大きくなりますが、 またはパーセントサイズが固定されていて、内容が大きすぎて に収まらない場合コンテン特定の方向のスクロールバーが表示されます。 のスクロールバーは、CSSの オーバーフロー:autoプロパティを持つブラウザによってネイティブに処理されます。

上記のガイドラインに続いて、あなたはこのような何か行うことができます:

public class MyUi extends UI { 
    private final static Logger logger = 
    @Override 
    protected void init(VaadinRequest request) { 
     Layout content = new VerticalLayout(); 
     content.setSizeFull(); 
     setContent(content); 

     // add content to make the scrollbar appear 
     VerticalLayout rightLayout = new VerticalLayout(); 
     for (int i = 0; i < 100; i++) { 
      rightLayout.addComponent(new Button("Button " + i)); 
     } 

     Panel rightPanel = new Panel(rightLayout); 
     rightPanel.setSizeFull(); // <= this is important 

     MenuBar menuBar = new MenuBar(); 
     menuBar.addItem("Some item", null); 
     content.addComponent(new HorizontalSplitPanel(new VerticalLayout(menuBar), rightPanel)); 
    } 
} 

Vertical scroll

同様に、水平スクロール垂直スクロールに結果のを(だけでVerticalLayout rightLayout = new VerticalLayout();を置き換えますHorizontalLayout

Horizontal scroll

関連する問題