Discussion :

[anisj1m]

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

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

[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

[djo.mos]

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

Bonne chance.

[anisj1m]

Merci, je vais essaiyer; il ya uniquement cette doc sur ce site mais pas d'exemples, est ce que tu connait quelque exemple

[djo.mos]

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

Bonne chance.

[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

[anisj1m]

j'ai trouver ce code:

Code :

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

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.

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

[anisj1m]

merci romaintaz;

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

pouvez vous m'expliquer un peut plus

[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 :

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

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 :

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

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