Richfaces : recursiveTreeNodesAdaptor

Version imprimable

Bonjour,

J'utilise un recursiveTreeNodesAdaptor pour afficher un arbre.
Code:

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 !

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:

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:

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:

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();
		}

07/05/2010, 11h32
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 ?
07/05/2010, 11h40
Sniper37

c'est les id du form et la tree que tu as déclaré.
07/05/2010, 11h51
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 !
07/05/2010, 12h02
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.

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

Code:

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:

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 ?

07/05/2010, 14h40
Sniper37

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

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:

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:

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:

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...

10/05/2010, 10h55
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à...

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:

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:

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;}
...
}