Discussion :

[JauB]

Bonsoir tout le monde,
je cherche à afficher un DataTable B lorsque je clique sur un lien contenu dans un Datatable A.
du type :

Code :

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

1
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
<h:panelGrid cellspacing="10" columns="3" >
<h:dataTable value="#{InitPageBean.personNames}" var="unePersonne"
width="300" border="0" headerClass="HEADING" rowClasses="ROW1,ROW2"
cellspacing="0" cellpadding="2">
<h:column>
<f:facet name="header">
<h:outputText value="Nom" styleClass="EN-TETE" />
</f:facet>
<h:outputText value="#{unePersonne.nom}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Prénom" styleClass="EN-TETE" />
</f:facet>
<h:outputLink>
<h:outputText value="#{unePersonne.prenom}" />
</h:outputLink>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Autre" styleClass="EN-TETE" />
</f:facet>
<h:outputLink onclick="javascript: Afficher('pg'); return false">
<h:outputText value="yyyyy" />
</h:outputLink>
</h:column>
</h:dataTable>
</h:panelGrid>
<h:panelGrid cellspacing="1" columns="1" id="pg" style="display: none;" >
<h:dataTable value="#{InitPageBean.personNames}" var="unePersonne"
width="300" border="0" headerClass="HEADING" rowClasses="ROW3"
cellspacing="0" cellpadding="2">
<h:column>
<h:outputText value="#{unePersonne.nom}" />
</h:column>
</h:dataTable>
</h:panelGrid>

mais je en sais pas si c'est possible d'écrire une fonction JavaScript par exemple : Afficher(...) qui me permettra d'afficher le Datatable contenu dans le PanelGrid dont l'id est pg.
sinon si quelqu'un a une diée je suis preneur.
l'affichage que je cherche est montré dans l'image ci-jointe.
merci d'avance