[tree view] arbre dynamic

**pmartin8** · 06/01/2006, 16h42

Bonjour,

J'ai une structure tres imposane de noeuds que je veux représenter dans un tree view. Puisque j'ai beaucoup de noeuds et qu'il y a de la récursivité dans mon graph, alors mon tree view doit absoluement etre dynamique.

Je veux voir la représentation tree view sur une page web

Qu'elle est la meilleure solution pour moi?
JSP? servlet?

Est-ce qu'une librairie gratuite me permet de batire mon arbre facilement

J'explore toutes les possibilitées, alors je suis ouvert au suggestions! 8)

merci

**c_nvy** · 06/01/2006, 16h48

Pour ma part, j'utilise le treeview de Struts-Layout.

Mais il en existe un aussi dans Struts Menu.

A toi de voir ce qui correspond le mieux à ton besoin.

**pmartin8** · 06/01/2006, 16h55

ok merci

Mais je ne comprend pas trop le fonctionnement.... Ca utilise DHTML? Doncsi je comprend bien, mon servlet va me retourner un DOM qui va etre utilisé par mon javascript pour generer mon code HTML?

cest ca?

**c_nvy** · 06/01/2006, 19h20

Sincèrement, je ne sais pas expliquer comment Struts-Layout fonctionne réellement derrière mais je sais le mettre en oeuvre.

On compose le treeview dans une servlet ou une action en utilisant la classe MenuComponent et ces méthodes qui permettent de définir les différents niveaux des branches de l'arbre.
On met le résultat en session via la méthode addMenuIntoSession de la classe LayoutUtils (ceci n'est pas indiqué dans la doc!).
Et ensuite, dans la jsp, on code le tag layout:treeview avec les bons paramètres.
Le plus difficile là-dedans, je trouve, est la constitution du treeview dans la servlet.
Ne connaissant pas Struts Menu quand j'ai mis en oeuvre cette solution, j'ai créé un fichier xml dans lequel j'ai mis la structure de mon treeview et j'ai écris les classes permettant le parsing.

Dans Struts Menu, c'est plus simple parce que la définition de la structure du treeview dans un fichier xml est prévue et c'est Struts Menu qui se charge du parsing.

As-tu regardé les exemples ? Est-ce que ça répond à ton besoin ?
J'ai testé les deux solutions donc si tu en choisis une et que tu as des problèmes pour la mise en oeuvre, n'hésite pas à me poser des questions !

**pmartin8** · 06/01/2006, 20h41

Ok!!

Merci cest bien gentil!!

Mais j'avais mis de coté Strut parce que lorsque je vais naviguer dans mon arbre, la page sera rafraichit au complet... tout le HTML sera recherchée.

Je voudrais que seulement la partie de mon arbre qui est affectée soit rechargée...

Est-ce que ta solution permet de regler ce probleme??

Sinon javais pensé a Flash pour ca... vu que le flash peut se modifier sans recharger la page HTML au complet

Merci encore!!

**alheim** · 06/01/2006, 21h24

une page html ne peut se recharger que completement...sauf si elle est composée de plusieurs frames ou iframes ou si tu utilises une techno comme ajax...

Bref dans ton cas, si tu veux une representation graphique évoluée et dynamique tu devrais t'en sortir en faisant une applet JAVA.

**pmartin8** · 07/01/2006, 03h20

¸ouais j'y avait pensé.. mais Je ne n'ai jamais trippé sur les Applets, Est-ce qu'il y a un objet tree view qu'on peut afficher dans une applet ??

une page html ne peut se recharger que completement...sauf si elle est composée de plusieurs frames ou iframes ou si tu utilises une techno comme ajax...

Je crois qu'avec Flash je pourrais le faire[/code]

**alheim** · 07/01/2006, 17h22

oui avec flash tu pourras...mais l'actionscript est pas aussi puissant que le java

**pmartin8** · 07/01/2006, 18h14

ok,
Est-ce qu'il y a un objet tree view qu'on peut afficher dans une applet ??

**Tangi29** · 31/01/2006, 08h47

Bonjour,
est-ce quelqu'un aurait un exemple simple d'utilisation des treeviews avec Struts Layout ? Avec le fichier Action et le fichier JSP ca serait parfait !
Parce que là je vois pas trop comment ca marche....

Merci d'avance...

**zekey** · 31/01/2006, 09h17

Envoyé par pmartin8

ok merci

Mais je ne comprend pas trop le fonctionnement.... Ca utilise DHTML? Doncsi je comprend bien, mon servlet va me retourner un DOM qui va etre utilisé par mon javascript pour generer mon code HTML?

cest ca?

Oui plus ou moins et grace à la techno AJAX, il lance des requête en tache de fond pour charger les noeuds au fur et à mesure.
Struts n'as rien à voir la dedans, c'est un framework MVC, c'est tout la facon dont tu le mets en oeuvre fait que tu aura des reloads de pages ou pas.

Evite les applets pour des raisons de portabilités

**c_nvy** · 31/01/2006, 10h17

Envoyé par Tangi29

Bonjour,
est-ce quelqu'un aurait un exemple simple d'utilisation des treeviews avec Struts Layout ? Avec le fichier Action et le fichier JSP ca serait parfait !
Parce que là je vois pas trop comment ca marche....

Merci d'avance...

Voici un exemple simple :

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
public class TestTreeview extends Action
{
    public ActionForward execute(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException
	{
        MenuComponent a = new MenuComponent() ;
        a.setName("TEST") ;
 
        MenuComponent a1 = new MenuComponent() ;
        a1.setTitle("Menu 1") ;
        // a1 enfant de a
		  a.addMenuComponent(a1);
 
        MenuComponent a11 = new MenuComponent();
        a11.setTitle("Sous-Menu 1") ;
        // a11 enfant de a1
        a1.addMenuComponent(a11) ;
 
        MenuComponent a111 = new MenuComponent();
        a111.setTitle("Action 1");
        // a111 enfant de a11
		  a11.addMenuComponent(a111);
 
        MenuComponent a112 = new MenuComponent();
        a112.setTitle("Action 2");
        // a112 enfant de a11
		  a11.addMenuComponent(a112);
 
        MenuComponent a12 = new MenuComponent();
        a12.setTitle("Sous-Menu 2");
        // a12 enfant de a1
        a1.addMenuComponent(a12) ;
 
        MenuComponent a121 = new MenuComponent();
        a121.setTitle("Action 1");
        // a121 enfant de a12
		  a12.addMenuComponent(a121);
 
        MenuComponent a122 = new MenuComponent();
        a122.setTitle("Action 2") ;
        // a122 enfant de a12
        a12.addMenuComponent(a122);
 
		  LayoutUtils.addMenuIntoSession(request,a);
 
	     return(mapping.findForward("success"));
	}
}

Il faut créer une instance de MenuComponent pour chaque élément de ton treeview et utiliser la méthode addMenuComponent pour définir les enfants et les parents.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<%@taglib uri="/WEB-INF/struts-layout.tld" prefix="layout" %>
 
<html>
<head>
	<layout:skin includeScript="true"/>
</head>
<body>
 
<layout:treeview name="TEST" width="200"/>
 
</body>
</html>

Le valeur de l'attribut name du tag layout:treeview doit correspondre au name que tu as donné à l'élément root de ton treeview via la méthode setName().

Dans cet exemple, les éléments du treeview sont codés en dur dans l'action.
Dans la solution que j'ai mise en oeuvre, les éléments du treeview sont dans un fichier xml que je parse et mon Action constitue automatiquement le treeview à partir de l'objet résultat du parsing, ce qui, je reconnais, n'est pas simple à mettre en oeuvre.
Depuis, j'ai découvert qu'il existait la taglib Struts-menu qui se base sur un fichier xml et qui fait tout le boulot du parsing et de la constitution du treeview.
Tu aurais peut-être intérêt à regarder ça de plus près.

**Tangi29** · 31/01/2006, 11h11

Merci beaucoup, j'ai réussi à me débrouiller à peu près !

Juste une ptite question, a quoi sert cette partie de code :

Code :

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

1
2
3
4
 
<head>
   <layout:skin includeScript="true"/>
</head>

**c_nvy** · 31/01/2006, 11h49

ça permet d'inclure le javascript de Struts-Layout, soit javascript.js, dans la page, ce qui est nécessaire à l'affichage du treeview.

**Tangi29** · 31/01/2006, 13h08

Envoyé par c_nvy

ça permet d'inclure le javascript de Struts-Layout, soit javascript.js, dans la page, ce qui est nécessaire à l'affichage du treeview.

ok, merci !
Pour ça j'avais bidouillé avec ça :

Mais ca doit être plus propre avec ton code...

**Tangi29** · 01/02/2006, 17h37

J'aimerais que lorsque j'arrive sur ma page qui contient l'arbre, tous les noeuds soient fermés.

J'ai vu que l'attibut "expandedLevelsAtFirst " permet d'afficher l'arbre avec une profondeur que l'on veut.

J'ai donc mis dans ma jsp :

Code :

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

<layout:treeview name="domaines" expandedLevelsAtFirst="0" />

Mais l'arbre s'affiche toujours dans l'état où on l'a laissé la dernière fois, surement pour cette raison :

Des cookies sont utilisés pour mémoriser quels noeuds du treeview sont ouverts et fermés

Quelqu'un voit comment forcer l'arbre à s'afficher toujours fermé ?

Merci d'avance...

**david06600** · 10/09/2006, 19h43

Bonjour, je dois moi aussi utiliser le treeview de struts layout, j'ai donc vu ton exemple simple et je voulais savoir si dans struts-config.xml tu avais mis comme il est dit dans la doc :

L'action du treeview doit être définie dans le fichier struts-config.xml avec les attributs suivants :

* path="/treeview"
* type="fr.improve.struts.taglib.layout.treeview.TreeviewAction"

Merci

**c_nvy** · 10/09/2006, 21h05

Il faut effectivement déclarer cette Action dans le struts-config.xml.

**david06600** · 10/09/2006, 23h07

Daccord donc ensuite comment fais tu ton mapping vers cette classe?

**david06600** · 11/09/2006, 09h18

Je voulais pouvoir encore profité de ta connaissance de struts layout et te demandé si c'était possible de faire quelque chose comme sa :
tree.jsp

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<nested:form action="/jdiff-tree">
 
  <logic:present name="treeForm" property="root">
	  <nested:nest property="root" >
	    <jsp:include page="treeNode.jsp" />
	  </nested:nest>
  </logic:present>
  <logic:empty name="treeForm" property="root">
  	<%= "Session perdu - rentrer l'url." %>
  </logic:empty>
</nested:form>

et treeNode.jsp

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
 
<layout:treeview>
<nested:root>
    <nested:notEmpty property="iconId">
    	<nested:img page="/icon" property="iconIdRequest"/>
    </nested:notEmpty>
    <layout:menuItem key="nodeName"/>
    <br> 
    <nested:iterate property="childCollection"> 
      <jsp:include page="treeNode.jsp" /> 
    </nested:iterate> 
 
  </nested:equal>
 
</nested:root>
</layout:treeview>

Quelque chose dans ce style ou nodeName est une propriété de bean

[tree view] arbre dynamic

Servlets/JSP Java

Vue hybride

Discussions similaires

Partager

Partager