le composant tree en jsf

Version imprimable

29/10/2007, 10h21
anisj1m

le composant tree en jsf

Bonjour;

je veut faire un menu de type en utilisant le composant tree dans le but d'avoir un aspect semblable a celui si-dessous:

->Femme (répertoire parent)

----> |--Jupe (répertoire fils)

------> |-- Marque
------> |-- Couleur

----> |--Pantalon (répertoire fils)

------> |-- Marque
------> |-- Couleur

->Homme (répertoire parent)

----> |--Chemise (répertoire fils)

------> |-- Marque
------> |-- Couleur

----> |--Pantalon (répertoire fils)

------> |-- Marque
------> |-- Couleur
est ce que quelqu'un sait comment je peut faire ceci?
et merci
29/10/2007, 11h27
romaintaz

Il te faut pour cela utiliser un composant ad-hoc d'une librairie tierce, comme Tomahawk ou RichFaces...
Ou éventuellement, si ce n'est que de la présentation, tu peux toujours t'en sortir avec du Javascript / CSS. Mais je te conseille la 1e solution.
29/10/2007, 11h29
anisj1m

merci;
j'utilise actuellement l'api trinidad; qui contient un compposant <tr:tree> mais mon probleme est que je ne sait pas comment l'utiliser
29/10/2007, 11h34
djo.mos

Bonjour.
Et pourquoi ne pas consulter la doc de trinidad et/ou les applications exemple ?

Bonne chance.
29/10/2007, 11h45
anisj1m

Merci, je vais essaiyer; il ya uniquement cette doc sur ce site mais pas d'exemples, est ce que tu connait quelque exemple
29/10/2007, 11h55
djo.mos

Bonjour.
C'est dipponible dans la live demo de Trinidad.

Bonne chance.
29/10/2007, 11h59
anisj1m

merci beaucoup djo.mos,
oui j'ai vu ce lien mais il presente uniquement l'aspect visuelle du tag tree; et c'est bien cela que je veut implementer; mais je ne trouve pas le code source de cela

j'ai trouver ce code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<tr:tree var="component" value="#{componentTree.model}"
                binding="#{componentTreeBean.tree}">
                <f:facet name="nodeStamp">
                  <tr:panelGroupLayout>
                    <tr:outputText value="Example:" rendered="#{component.example}"/>
                    <tr:commandLink text="#{component.label}"
                      disabled="#{empty component.filename}"
                      action="#{component.view}"/>
                  </tr:panelGroupLayout>
                </f:facet>
              </tr:tree>

mais je ne sait pas comment l'utiliser, tout d'abord les attribut value et binding a quoi servent, je pense value c'est un bean.

30/10/2007, 11h56
romaintaz

value et binding sont des attributs fréquents en JSF, pas seulement dans l'arbre.

Dans ton cas, value fait référence à une propriété d'un bean qui correspond au datamodel de l'arbre. En gros ce qui va être affiché dans l'arbre. La classe exacte de cet objet est semble-t-il org.apache.myfaces.trinidad.model.TreeModel (dixit la doc).

L'attribut binding permet de dire à JSF quel bean va être mappé avec le composant JSF.
30/10/2007, 14h43
anisj1m

merci romaintaz;

Citation:

Envoyé par romaintaz

L'attribut binding permet de dire à JSF quel bean va être mappé avec le composant JSF.

pouvez vous m'expliquer un peut plus
30/10/2007, 14h56
romaintaz
En gros, l'attribut binding va pointer vers une propriété de l'un de tes beans, et va "y placer" le composant en question.

Par exemple :
Code:

1 2 3 4 <h:form ... binding="#{myBean.form}"> ... </h:form>
Dans ton bean myBean, la propriété form (de type UIComponent, ou UIForm plus précisemment ici) va te permettre de manipuler directement l'objet JSF dans ton bean.

Maintenant, il existe d'autres façons de récupérer un objet JSF sans passer par le binding, par exemple avec ce code :
Code:

1 2 FacesContext.getCurrentInstance().getViewRoot().findComponent("idComponent");