Discussion :

[tifenn29]

Bonjour,

J'utilise un recursiveTreeNodesAdaptor pour afficher un arbre.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<rich:recursiveTreeNodesAdaptor roots="#{appliCtlgCtrlBean.arbreApplis}" var="item" nodes="#{item.nodes}">
	<rich:treeNode>
		<a4j:commandLink styleClass="menuLink" reRender = "form_rech_groupe"
			value="#{item.libelle}" action="#{appliCtlgCtrlBean.findByGroup}" 
			status="waitStatus">
			<f:param name="chemin" value="#{item.chemin}" />
			<f:param name="type" value="#{item.type}" />
		</a4j:commandLink>
	</rich:treeNode>
</rich:recursiveTreeNodesAdaptor>

Je souhaite personnaliser ce composant mais je rencontre des difficultés :

1) Pour déployer l'arbre, il faut cliquer sur l'onglet +: je souhaiterais que lorsque l'on clique sur le commandLink d'un répertoire il le déploie également. Comment coder cette fonctionnalité ?

2) Mon arbre contient des répertoires et des feuilles, sans que je sache à l'avance combien de sous niveau il y a dans chaque répertoire. Lorsqu'un répertoire est vide, il me l'affiche comme une feuille, or je souhaite qu'il soit affiché comme un répertoire, même s'il est vide. J'ai essayé de paramétrer mon recursiveTreeNodesAdaptor grâce aux paramètre iconLeaf et icon, mais il faudrait pour que ça fonctionne que je connaisse à l'avance la nature (répertoire ou feuille) de mon objet, ce qui n'est pas le cas.

3) Suite à mon problème n°2, j'ai tenté de contourner le problème en n'affichant pas les répertoires vide, via un rendered="#{not monBean.emptyDirectory}" qui appelle ma fonction isEmptyDirecory, le commandLink n'est pas affiché mais les icones le sont quand même... Peut-on faire un rendered du même style sur les icones ?

Si quelq'un a des pistes pour m'aider à résoudre mes problèmes... Merci d'avance !

[Sniper37]

Pour le premier point tu peux ajouter un actionListener récuperer l'id de la tree, chercher l'UI composant et faire un collapse ou expand des noeuds.

Code :

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

1
2
3
4
5
6
7
8
 
<a4j:commandLink actionListener="#{appliCtlgCtrlBean.expand} " styleClass="menuLink" reRender = "form_rech_groupe"
			value="#{item.libelle}" action="#{appliCtlgCtrlBean.findByGroup}" 
			status="waitStatus">
<f:param value="form:tree" name="treeId"/>
			<f:param name="chemin" value="#{item.chemin}" />
			<f:param name="type" value="#{item.type}" />
		</a4j:commandLink>

et dans l'action:

Code :

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

1
2
3
4
5
6
7
public void expand(ActionEvent event){
 
String treeId = FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap().get("treeId");
		UIViewRoot viewRoot = FacesContext.getCurrentInstance().getViewRoot();
		UITree tree = (UITree) viewRoot.findComponent(treeId);
		tree.queueExpandAll();
}

Sinon ouvrir si c'est fermé et vice versa:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
try {
			if (!tree.isExpanded()) {
				tree.queueNodeExpand((TreeRowKey) tree.getRowKey());
			} else {
				tree.queueNodeCollapse((TreeRowKey) tree.getRowKey());
 
			}
 
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}

[tifenn29]

Merci beaucoup pour le conseil, je suis en train de tester ta solution.

Juste une petite question (de débutante) : quand dis de passer en paramètre "form:tree", je dois passer le nom du formulaire qui contient mon arbre plus l'id de mon arbre ou form:tree tel quel ?

[Sniper37]

c'est les id du form et la tree que tu as déclaré.

[tifenn29]

Ca fonctionne ! Un énorme merci, car j'étais vraiment bloquée sur ce problème !

Maintenant reste plus qu'à trouver comment distinguer mes directory de mes leaf pour l'affichage, je me replonge dans le sujet !

[Sniper37]

tu peux tester si le nœud n'a pas de fils changer l'icone. ou utiliser les facets: icon, iconLeaf..
voir la documentation.

[tifenn29]

J'ai déjà essayé d'utiliser les facets icon et iconLeaf, voici le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<rich:recursiveTreeNodesAdaptor roots="#{appliCtlgCtrlBean.arbreApplis}" var="item" nodes="#{item.nodes}" >
	<rich:treeNode  iconLeaf="#{appliCtlgCtrlBean.icon}" icon="#{appliCtlgCtrlBean.iconLeaf}">
		<a4j:commandLink styleClass="menuLink" reRender = "form_rech_groupe"
			value="#{item.libelle}" action="#{appliCtlgCtrlBean.findByGroup}" 
			status="waitStatus">
			<f:param name="treeId" value="sv_rechGroupe:form_rech_groupe:treeRec" />
			<f:param name="chemin" value="#{item.chemin}" />
			<f:param name="type" value="#{item.type}" />
		</a4j:commandLink>
	</rich:treeNode>
</rich:recursiveTreeNodesAdaptor>

et dans mon control bean :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
public String getIcon() {	
		String img;
		FacesContext facesContext = FacesContext.getCurrentInstance();
		String type = (String) (facesContext.getExternalContext()
				.getRequestParameterMap().get("type"));
		if (type.equals("leaf"))
			{img="/img/iconLeaf.gif";}
		else
			{img="/img/iconFolder.gif";}
		return img;
	}

Le problème c'est que je ne sais pas où passer en paramètre le type du noeud. Si je met le f:param dans le rich:treeNode ça ne passe pas...

Une idée ?

[Sniper37]

Regarde 'l'exemple de Richface ça peut t'aider.

[tifenn29]

Merci pour l'exemple. Ceci dit je n'arrive pas à l'adapter à mon cas, sans doute par manque d'expérience, et aussi car j'ai l'impression que le cas du recursiveTree est un peu à part.

Voici le code de mon bean relatif à l'arbre :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
private MenuItem[] arbreApplis;
 
public synchronized MenuItem[] getArbreApplis() {
	if (arbreApplis == null) 
		{
		arbreApplis = new MenuItem("Groupes d'Applications","ou=groupesApplications", "node", user, userRole).getNodes();
		}
	return arbreApplis;
	}

J'ai donc une classe MenuItem qui définit le comportement des objets de mon arbres, avec des attributs :

Code :

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

1
2
3
4
5
private String id;
private String libelle;
private String chemin;
private String type;
private MenuItem[] childrens;

Au niveau des méthodes, j'ai juste un getNodes qui recherche les enfants du noeud et qui value l'attribut childrens. Et qui est appelé par le recursiveTreeNode à chaque itération si j'ai bien compris

Maintenant, j'ai essayé de me servir du NodeFace dans mon arbre :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<rich:recursiveTreeNodesAdaptor roots="#{appliCtlgCtrlBean.arbreApplis}" var="item" 
	nodes="#{item.nodes}" nodeFace="#{treeNode.child == null ? 'leaf' : 'node'}" treeNodeVar="treeNode">
 
	<rich:treeNode  iconLeaf="/img/iconLeaf.gif" icon="/img/iconFolder.gif" >
		<a4j:commandLink styleClass="menuLink" reRender = "form_rech_groupe"
			value="#{item.libelle}" action="#{appliCtlgCtrlBean.findByGroup}" 
			status="waitStatus">
			<f:param name="treeId" value="sv_rechGroupe:form_rech_groupe:treeRec" />
			<f:param name="chemin" value="#{item.chemin}" />
			<f:param name="type" value="#{item.type}" />
		</a4j:commandLink>
	</rich:treeNode>
</rich:recursiveTreeNodesAdaptor>

Il est très possible que j'ai mal compris l'utilisation du nodeFace...

[tifenn29]

En fait le nodeFace ne s'applique pas au RecursiveTreeNode... Donc impossible de personnaliser l'affichage des nodes en fonction de leur type de cette manière là...

[tifenn29]

Problème résolu, ou plutôt contourné : j'ai paramétré les icones dans la classe métier. PAs très propre mais efficace :

Voici mon bean :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<rich:recursiveTreeNodesAdaptor roots="#{appliCtlgCtrlBean.arbreApplis}" var="item" nodes="#{item.nodes}" >
	<rich:treeNode iconLeaf="#{item.iconItem}" icon="#{item.iconItem}">
		<a4j:commandLink styleClass="menuLink" reRender = "form_rech_groupe"
			value="#{item.libelle}" action="#{appliCtlgCtrlBean.findByGroup}" 
			status="waitStatus">
				<f:param name="treeId" value="sv_rechGroupe:form_rech_groupe:treeRec" />
				<f:param name="chemin" value="#{item.chemin}" />
				<f:param name="type" value="organizationalUnit" />
		</a4j:commandLink>
	</rich:treeNode>
</rich:recursiveTreeNodesAdaptor>

et ma classe MenuItem :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
...
private static String ICONLEAF = "/img/iconLeaf.gif";
private static String ICONFOLDER = "/img/iconFolder.gif";
private String iconItem;
...
public synchronized MenuItem[] getNodes() {
...
if (this.type.equals("leaf")
     {iconItem = ICONLEAF;}
else 
     { iconItem = ICONFOLDER;}
...
}