Discussion :

[dialloma]

Bonjour à tous,

J'ai un problème avec GWT, mais que je n'arrive vraiment pas à comprendre. J'ai crée un TabPanel dans lequel j'ajoute plusieurs Tabs (onglets). Ensuite, je dois remplire chaque onglet de Widgets. par exemple dans le premier onglet, j'ai crée un HorizontalSplitPanel dans lequel je met beaucoup d'autres Widgets. Pour les autres onglets j'ai crée d'autres Widgets etc...J'ai compilé, aucune erreur mais dans le premier onglet, les élements de mon HorizontalSplitPanel ne s'affiche pas. Je vois bien le Spliter mais impossible de visualiser les Widgets fils. J'ai essayé de placer directement cet HorizontalSplitPanel dans le RootPanel, tout se passe bien, je vois bien les Widgets fils, mais dès que je le place dans un TabPanel, rien ne marche. Voici mon code. S'il vous plait tester le chez vous, s'il y a un problème pardon aidez moi, c'est un peu urgent pour moi.

1. Le point d'entrée
   

   Code :

   Sélectionner tout - Visualiser dans une fenêtre à part

   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15
   16
   17
   public class YoGWT implements EntryPoint { 
   public void onModuleLoad() {
    DockPanel docker = new DockPanel(); 
   docker.setWidth("100%"); 
   docker.setStyleName("Docker"); 
   HTML logo = new HTML(" Bienvue sur l'espage de partage de document"); 
   docker.add(logo, DockPanel.NORTH); 
   PanelCentre panelCentre = new PanelCentre(); // Create a tab bar with three items. 
   TabPanel tabPanel = new TabPanel(); 
   tabPanel.add(panelCentre, "Documents", true); 
   tabPanel.add(new HTML("Options lkdjfhkljgkljdkj kkldjgkljdfkl hjf" + "ldfjhlkdfjkhljfklhjkljhkljgfdl" + "hlkfdjhjdfjhljfkghjdfg
   " + "lkfjklhjklfjgkhljfkljhkl" + "lkfjhklfjgkhljldfkjh
   "), "Options", true);
    tabPanel.add(new HTML("Administration"), "Administration", true); 
   tabPanel.selectTab(0); 
   docker.add(tabPanel, DockPanel.CENTER); 
   RootPanel.get().add(docker); } }

2. PanelGauche
   
   

   Code :

   Sélectionner tout - Visualiser dans une fenêtre à part

   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   public class PanelGauche extends Composite { 
   private VerticalPanel vPanel = new VerticalPanel(); 
   private HTML panelTitle = new HTML("Répertoires ");
    public PanelGauche() { 
   initWidget(vPanel); 
   vPanel.setSpacing(5); 
   setStyleName("PanelGauche"); 
   vPanel.add(panelTitle); 
   vPanel.add(new HTML("lskjdfsklj kljdfkdgkjhdgkjh kjdhgkjhdjfkgh
   ")); vPanel.add(new HTML("lskjdfsklj kljdfkdgkjhdgkjh kjdhgkjhdjfkgh
   ")); vPanel.add(new HTML("lskjdfsklj kljdfkdgkjhdgkjh kjdhgkjhdjfkgh
   ")); vPanel.add(new HTML("lskjdfsklj kljdfkdgkjhdgkjh kjdhgkjhdjfkgh
   ")); } }

3. PanelDroite
   
   

   Code :

   Sélectionner tout - Visualiser dans une fenêtre à part

   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   public class PanelDroite extends Composite {
    private VerticalPanel vPanel = new VerticalPanel(); 
   private HTML panelTitle = new HTML("Fichiers");
    private Grid grid = new Grid(); public PanelDroite() { 
   initWidget(vPanel); vPanel.setSpacing(5); 
   setStyleName("PanelDroite"); vPanel.add(panelTitle); 
   vPanel.add(grid); vPanel.add(new HTML("lskjdfsklj kljdfkdgkjhdgkjh kjdhgkjhdjfkgh")); 
   vPanel.add(new HTML("lskjdfsklj kljdfkdgkjhdgkjh kjdhgkjhdjfkgh
   ")); vPanel.add(new HTML("lskjdfsklj kljdfkdgkjhdgkjh kjdhgkjhdjfkgh
   ")); } }

4. PanelCentre
   

   Code :

   Sélectionner tout - Visualiser dans une fenêtre à part

   1
   2
   3
   4
   5
   6
   7
   8
   public class PanelCentre extends Composite { 
   private HorizontalSplitPanel hSplitPanel = new HorizontalSplitPanel(); 
   private PanelGauche panelGauche = new PanelGauche(); 
   private PanelDroite panelDroite = new PanelDroite(); 
   public PanelCentre() {
    initWidget(hSplitPanel); 
   hSplitPanel.setLeftWidget(panelGauche); 
   hSplitPanel.setRightWidget(panelDroite); } }

Merci d'avance

[dialloma]

tojours pas de réponse pour moi ? Help please! Merci

[jarko]

Bonjour,
j'ai essayer votrre code et le contenu s'affiche bien, afin de bien visualiser j'ai rajouter quelques setSize
dans YoGWT :
docker.setSize("100%","100%");
tabPanel.setSize("100%","100%");

je vois bien le contenu, je te conseille pour valider la bonne présence des info de compiler ton code et de vérifier avec firebug par exemple

[bekkers]

J'ai le même problème. Des que je met un horizontalsplitpanel dans un tabpanel le split panel ne montre plus son contenu c'est incomprehensible.
Voici le code exemple

public void onModuleLoad() {
HorizontalSplitPanel hSplit = new HorizontalSplitPanel();
hSplit.setLeftWidget(new HTML("..."));
hSplit.setRightWidget(new HTML(
"This is some text to make the right side of this " +
"splitter look a bit more interesting... "));


hSplit.setSize("1300px", "450px");
hSplit.setSplitPosition("30%");
TabPanel tb = new TabPanel();
tb.add(hSplit,"testSplit");
RootPanel.get().add(tb);
}