GWT Relative Width

Question

J'essaie de créer un panneau de défilement qui a des paramètres de taille relatifs. Mais la fonction ScrollPanel.setSize(String, String) est impossible de travailler avec si vous avez des valeurs int telles que celles retournées par Window.getHeight.

Lorsque j'essaie ScrollPanel.setSize("100%", "150px");, la hauteur du panneau de défilement ne change pas et utilise la valeur par défaut. Toute aide serait appréciée.

Answer 1

Selon le doc GWT pour [ScrollPanel] [1], ils semblent être assez strictes sur l'utilisation de la largeur en absolue et non relatives unités CSS. Ainsi, le problème peut être avec le paramètre "100%".

[1]: http://google-web-toolkit.googlecode.com/svn/javadoc/1.5/com/google/gwt/user/client/ui/ScrollPanel.html#setSize(java.lang.String, java.lang.String)

Answer 2

Je ne sais pas s'il est possible de le faire à la hauteur, mais ce qui a fonctionné pour moi avec la largeur était d'abord définir une largeur arbitraire, puis récupère l'élément et place la propriété width.

ScrollPanel myScrollPanel = new ScrollPanel(); 
myScrollPanel.setSize("2112px", "150px"); // Arbitrary width. 
myScrollPanel.getElement().getStyle().setProperty("width", "100%"); // or "auto" 

espère que cela fonctionne pour vous (même si vous avez demandé cela il y a 5 ans, alors vous êtes probablement pas trop inquiet à ce sujet plus)!

Answer 3

Copie ma réponse d'ici: How to use ScrollPanel with relative size

=================================== D'abord, ScrollPanel est quelque chose qui n'agit pas comme un autre widget pour la raison que je ne fais pas. Je sais pourquoi. Impossible de définir la taille relative (50%), et si je lui donne du style, il est perdu quelque part et ne peut pas être trouvé à partir de la page.

Ma solution consiste à utiliser un ResizeLayoutPanel. Andrei a suggéré d'utiliser quelque chose ProvidesResize mais nécessite que la chaîne de redimensionnement fournir/requérir reste ininterrompue, ce qui peut être très délicat. J'ai trouvé ce ResizeLayoutPanel "ProvidesResize à son un enfant, mais ne nécessite pas Resize", ce qui est le candidat idéal pour le panneau racine de mon composite. Ensuite, je viens d'étendre le ScrollPanel pour se redimensionner dans la méthode "onResize" chaque fois qu'il est appelé par le parent ResizeLayoutPanel.

Toujours pas de réponse à ma première question: par ScrollPanel se comportent comme ça en premier lieu? J'ai essayé de trouver la réponse dans son code source mais je n'ai pas réussi (même si je n'ai pas passé assez de temps à étudier le code source).

public class My100PctScrollPanel extends ScrollPanel { 
    @Override 
    public void onResize() { 
     // Window.alert("on resize"); 
     this.setWidth(this.getParent().getOffsetWidth()+"px"); 
     this.setHeight(this.getParent().getOffsetHeight()+"px"); 
     super.onResize(); 
    } 
} 

........ 

compositeRoot = new ResizeLayoutPanel(); 

........ 
scrollPanel = new My100PctScrollPanel(); 
compositeRoot.clear(); 
compositeRoot.add(scrollPanel);