Version imprimable
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
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. :wink:
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?
Sincèrement, je ne sais pas expliquer comment Struts-Layout fonctionne réellement derrière mais je sais le mettre en oeuvre. :oops:
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 !
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!!
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.
¸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 ??
Je crois qu'avec Flash je pourrais le faire[/code]Citation:
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...
oui avec flash tu pourras...mais l'actionscript est pas aussi puissant que le java
ok,
Est-ce qu'il y a un objet tree view qu'on peut afficher dans une applet ??
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.... :roll:
Merci d'avance... :wink:
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.Citation:
Envoyé par pmartin8
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
Voici un exemple simple :Citation:
Envoyé par Tangi29
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:
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
48public 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")); } }
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().Code:
2
3
4
5
6
7
8
9
10
11
12
13
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. :wink:
Merci beaucoup, j'ai réussi à me débrouiller à peu près ! :wink:
Juste une ptite question, a quoi sert cette partie de code :
Code:
2
3
4
ç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 !Citation:
Envoyé par c_nvy
Pour ça j'avais bidouillé avec ça :
Mais ca doit être plus propre avec ton code... :wink:Citation:
<script language="JavaScript" src="<layout:resource type="cfg" name="javascript.js"/>"></script>
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 :
Mais l'arbre s'affiche toujours dans l'état où on l'a laissé la dernière fois, surement pour cette raison :Code:<layout:treeview name="domaines" expandedLevelsAtFirst="0" />
Quelqu'un voit comment forcer l'arbre à s'afficher toujours fermé ?Citation:
Des cookies sont utilisés pour mémoriser quels noeuds du treeview sont ouverts et fermés
Merci d'avance... :wink:
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 :
MerciCitation:
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"
Il faut effectivement déclarer cette Action dans le struts-config.xml.;)
Daccord donc ensuite comment fais tu ton mapping vers cette classe?
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
et treeNode.jspCode:
2
3
4
5
6
7
8
9
10
11
12
Quelque chose dans ce style ou nodeName est une propriété de beanCode:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Je ne fais pas appel à cette classe. Elle est appelée automatiquement par Struts-Layout si besoin est.Citation:
Envoyé par david06600
Pour répondre à ton autre question, je ne sais pas si ce que tu proposes peut fonctionner.
Pour ma part, je constitue le contenu du treeview dans l'Action et dans la jsp, je n'utilise que le tag layout:treeview, comme je l'ai décrit dans cette discussion.
Je n'ai jamais utilisé le tag layout:menuItem.
Salut et merci de ta réponse, j'aurai une autre question sur la construction de tree dans l'action est-il possible de faire sa dynamiquement c a d que lorsque j'étend mon arbre cela appel l'action et construit le noeud suivant?
Merci
J'ai essayé de faire qqchose avec le tag <layout:menuItem> directement dans la jsp comme ci dessus sa me parraissait plus simple mais il n'y a pas d'attribut me permettant de récupéré les propriétés du bean pour la construction de l'arbre notement le nom des noeuds.
Sincèrement, je ne sais pas. Je ne procède pas ainsi.Citation:
Envoyé par david06600
Je construis le treeview une seule fois, à l'initialisation de l'application.
Je suis désolée de ne pas pouvoir t'aider plus.:oops:
Dans ce cas, il vaut mieux construire le treeview via l'Action.Citation:
Envoyé par david06600
C'est pas grave merci quand même en tout cas.
Oui c'est ce que j'essaye de faire et non plus avec un treeview dans la jsp mais avec le tag <layout:menu> et <layout:menuItem>, je construit les menu dans l'action et je les met en session. Mais bon aprés en pratique sa ne fonctionne pas super, lorsque j'essaye d'accéder a mes menu il me dit qu'il ne les trouve pas ds le repository.Citation:
Dans ce cas, il vaut mieux construire le treeview via l'Action.
Bonjour,
je suis en train de developper une taglib JSP qui permet de gerer le treeview TafelTree, qui est un treeview javascript base sur prototype.js et sriptaculous.js.
Vous pouvez voir une demo de ce controle sur
http://membres.lycos.fr/tafelmak/arbre.php
Je suis parti sur ce composant car il offre de nombreuses fonctionnalites comme le drag/drop d'un noeud vers un autre, l'edition du noeud (changer le nom du noeud), la personnalisation des evenements sur un noeud..., et (je pense que ca peut vous interesser), la possibilite de declencher des requetes AJAX qui permet de charger au fur et a mesure le treeview lors d'un clic d'un noeud.
La taglib qui genere le javascript TafelTree fait partie de mon projet open source JSControlsTags que vous pouvez trouver sur http://jscontrolstags.sourceforge.net/
Aujourd'hui je gere quelques fonctionnalites de tafletree (drag/drop edition d'un noued), mais pas encore AJAX. Je pense qu'en fin de semaine prochaine ma taglib pourra generer des requetes AJAX. Si vous etes interesses et que vous pouvez attendre la semaine prochaine, vous pouvez telecharger JSControlstags sur http://sourceforge.net/project/showf...roup_id=175409
Bonne continuation
Angelo