afficher un arbre lorsqu'on clique sur un onglet

**caro_caro** · 19/05/2009, 13h45

Bonjour la liste,

J'ai une page web qui a 2 balises div div1 et div2.
div1 contient une liste d'onglets "onglet1", "onglet2" et "onglet3".

div2 affiche un arbre en fonction de l'onglet choisi ( "onglet1", "onglet2" et "onglet3").

Je ne sais comment m'y prendre dans le code des onglets pour effectuer cela.

Si quelqu'un a une idée, merci beaucoup d'avance.

**joseph_p** · 19/05/2009, 16h01

hum, je ne suis pas sûr de bien comprendre la question

en utilisant des onglets "à la sauce wicket", chaque onglet a son propre panel, du coup là on peut y faire ce que l'on veut. Par exemple réutiliser le même composant avec différentes données...

Si j'ai tapé à côté, ne pas hésiter à me le dire

++

**caro_caro** · 19/05/2009, 16h14

Envoyé par ZedroS

hum, je ne suis pas sûr de bien comprendre la question

en utilisant des onglets "à la sauce wicket", chaque onglet a son propre panel, du coup là on peut y faire ce que l'on veut. Par exemple réutiliser le même composant avec différentes données...

Si j'ai tapé à côté, ne pas hésiter à me le dire

++

Non tu n'as pas tapé à côté. J'ai fait cet exemple et il marche.

Ce que je n'arrive pas à faire:
Modifier cet exemple de telle sorte que lorqu'on clique sur un onglet "onglet1", ça affiche un arbre "arbre1". Si on clique sur un onglet "onglet2", ça affiche un arbre "arbre2"

Merci beaucoup d'avance.

**joseph_p** · 19/05/2009, 16h25

re

tu utilises un panel différent pour chaque onglet ? si oui, donnes tu un modèle différent à ton arbre à chaque fois ?

**caro_caro** · 19/05/2009, 16h50

Envoyé par ZedroS

re

tu utilises un panel différent pour chaque onglet ? si oui, donnes tu un modèle différent à ton arbre à chaque fois ?

oui j'utilise un panel différent à chaque fois (c'est ce qui est fait dans l'exemple).

Mon code est le suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
 List tabs = new ArrayList();
		    tabs.add(new AbstractTab(new Model("Onglet1"))
			{
				public Panel getPanel(String panelId)
				{
					return new TabPanel1(panelId);
				}
 
			});
                    .....

Le code de la classe TabPanel1

Code :

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

1
2
3
4
5
6
private static class TabPanel1 extends Panel {
		   public TabPanel1(String id)
			{
				super(id);
			}
	}

.

J'ai un bloc div sur ma page web. Et j'aimerais afficher un arbre dans ce bloc une fois qu'un onglet est sélectionné. Le code de cet arbre est le suivant

Code :

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

1
2
3
4
5
6
7
8
9
10
11
//Construction du noeud racine.
		    DefaultMutableTreeNode myRoot = new DefaultMutableTreeNode("Racine arbre");
 
		    //Construction des différents noeuds de l'arbre.
		    DefaultMutableTreeNode chap = new DefaultMutableTreeNode("Noeud1");
		    myRoot.add(chap);
 
		    chap = new DefaultMutableTreeNode("Noeud2");
		    myRoot.add(chap);
// Construction du modèle de l'arbre.
		    DefaultTreeModel myModel = new DefaultTreeModel(myRoot);

Merci beaucoup d'avance.

**joseph_p** · 19/05/2009, 17h11

re

Il faudrait que tu ajoutes le Tree dans chacun de tes panels.

en gros, cela donnerait :

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
18
19
 
private static class TabPanel1 extends Panel {
		   public TabPanel1(String id)
			{
				super(id);
//Construction du noeud racine.
		    DefaultMutableTreeNode myRoot = new DefaultMutableTreeNode("Racine arbre");
 
		    //Construction des différents noeuds de l'arbre.
		    DefaultMutableTreeNode chap = new DefaultMutableTreeNode("Noeud1");
		    myRoot.add(chap);
 
		    chap = new DefaultMutableTreeNode("Noeud2");
		    myRoot.add(chap);
// Construction du modèle de l'arbre.
		    DefaultTreeModel myModel = new DefaultTreeModel(myRoot);
		     add(new LinkTree("treeId", myModel);
			}
	}

et bien sûr il te faudra un TabPanel1.html avec

Code :

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

1
2
3
4
5
6
 
<html>
      <body>
            <div wicket:id="treeId"/>
      </body>
</HTML>

(NB : pseudo code powa, j'tape tout sans mon ide de prédilection

)
est ce plus clair pour toi ?

A propos, te sens tu à l'aise avec les panel ? L'usage qui en est fait ici est assez standard, dans le sens où ils permettent d'encapsuler joliment d'autres composants wicket.

++

afficher un arbre lorsqu'on clique sur un onglet

Wicket Java

Vue hybride

Discussions similaires

Partager

Partager