Comment ajouter de la barre de défilement pour Vaadin mise en page

J'ai trouvé beaucoup de questions où les gens se demandent comment masquer les barres de défilement dans Vaadin mises en page, mais mon problème est que Vaadin ne pas afficher des barres de défilement.
Par exemple je peux avoir ce code:

HorizontalLayout layout = new HorizontalLayout();
layout.setSizeUndefined(); //I also tried setSizeFull()
for(Integer i = 1; i <= 15; i++) {
    layout.addComponent(new Button("Test button #" + i.toString());
}

Mais lorsque j'exécute ce code, les boutons de la page sont tout simplement à couper lors de la fenêtre du navigateur est trop petite pour contenir tous. Pas de barres de défilement apparaîtra jamais.

J'ai aussi essayé de créer le Panneau, puis ajouter à ma disposition à ce panneau. J'ai testé les deux - panel.addComponent(foo) et aussi panel.setContent(foo), et j'ai tenté de panel.setScrollable(true) trop. Sans aucun succès.

Est-il possible d'ajouter la barre de défilement à une sorte de Vaadin mise en page? J'utilise Vaadin 6.8.7.
Merci à l'avance!

Il y a mon code complet:

private ComponentContainer openZoomifyLayout() {
    Panel panel = new Panel();
    Panel panel2 = new Panel();

    middlePanel = new MiddlePanel();

    VerticalLayout mw = new VerticalLayout();
    mw.setSizeFull();

    HorizontalLayout sp = new HorizontalLayout();
    Panel photos = new Panel();
    photos.setSizeUndefined();

    mw.addComponent(panel);
    mw.addComponent(panel2);
    mw.addComponent(sp);

    mw.setExpandRatio(sp, 99);
    mw.setExpandRatio(panel, 0);
    mw.setExpandRatio(panel2, 0);

    panel2.addComponent(middlePanel);

    mw.setComponentAlignment(panel, Alignment.TOP_CENTER);
    mw.setComponentAlignment(panel2, Alignment.TOP_CENTER);

    photos.setContent(table);
    photos.setScrollable(true);
    sp.addComponent(photos);
    sp.addComponent(createMainDetail());

    return mw;
}

Cette méthode est utilisée dans la classe qui s'étend de la Fenêtre, et donc dans le temps de l'initialisation est là: setContent(openZoomifyLayout());

Pouvez-vous montrer à votre page principale? Il y a probablement un composant avec une hauteur fixe, quelque part, la mise en page de la chaîne d'
J'ai ajouté le code de la page principale.. 🙂

OriginalL'auteur Firzen | 2014-04-09

  1. 18

    Votre sp HorizontalLayout et votre photos Panel doivent être de taille complète.

    Comme vous pouvez le lire dans le Vaadin chapitre de Livre 6.6.1

    Normalement, si un groupe spécial a taille non définie dans une direction, comme il l'a par
    par défaut à la verticale, il s'adaptera à la taille du contenu et de grandir en tant que
    le contenu se développe. Toutefois, si elle est fixe ou percentual de la taille et de
    son contenu devient trop grand pour tenir dans la zone de contenu, une barre de défilement
    apparaît pour la direction particulière. Les barres de défilement d'un Panneau sont
    géré nativement par le navigateur avec le overflow: auto propriété dans
    CSS.

    C'est absolument parfait! Vous m'avez sauvé! Il fonctionne bien. Je vous remercie.

    OriginalL'auteur nexus

  2. 5

    Vous aurez besoin d'un panneau. Vous devez également vous assurer que le panneau de la taille est fixe et pas "naturel". Si sa taille est "naturel", le groupe spécial va être agrandie jusqu'à ce que son contenu ne peut être affiché entièrement. La taille par défaut pour les panneaux est naturel, et c'est la raison pour laquelle vous ne voyez pas des barres de défilement.

    OriginalL'auteur blubb

  3. 3

    Suivez ces étapes:

    • l'extérieur besoins de mise en page fixe ou percentual taille dans la direction voulue (ex: VerticalLayout besoins fixe ou percentual hauteur)
    • la maquette intérieure besoins de taille non définie dans cette direction
    • l'extérieur disposition doit stylename v-scrollable

    par exemple

    public class SomeView extends CustomComponent implements View
{
        this.addStyleName("v-scrollable");
        this.setHeight("100%");
        VerticalLayout content = new VerticalLayout();
        //content has undefined height by default - just don't set one
        setCompositionRoot(content);
...
}

    Cela rendra le CustomComponent afficher une barre de défilement tout en content se développe en tant que de besoin.

    OriginalL'auteur geert3