JSF : Comment débuter

Bonjour,

Après plusieurs jours passé entre l'émerveillement le plus total et le découragement le plus exténuant, je post ..

JSF 1.2, c'est trop cool, mais richFace c'est magique. Oui, oui, c'est une question d'ultra débutant :

Pourquoi n'arrives-je pas à placer un composant de type tableau (j'en ai essayé plusieurs) dans une cellule <td> ?

Code:

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
 
		<tr>
			<td>
				CONTENU DE LA CELLULE
 
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
 
                <rich:dataTable 
                    onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                    onRowMouseOut="this.style.backgroundColor='#FF0000'"
                    cellpadding="0" cellspacing="0" 
                    width="700" border="0" var="record" value="valeur">
 
                    <f:facet name="header">
                        <rich:columnGroup>
                            <rich:column rowspan="2">
                                <rich:spacer />
                            </rich:column>
                            <rich:column colspan="3">
                                <h:outputText value="Expenses" />
                            </rich:column>
                            <rich:column rowspan="2">
                                <h:outputText value="subtotals" />
                            </rich:column>
                            <rich:column breakBefore="true">
                                <h:outputText value="Meals" />
                            </rich:column>
                            <rich:column>
                                <h:outputText value="Hotels" />
                            </rich:column>
                            <rich:column>
                                <h:outputText value="Transport" />
                            </rich:column>
                        </rich:columnGroup>
                    </f:facet>
 
                    <rich:column  colspan="5">
                    <h:outputText value="valeur" /></rich:column>
 
 
                    <rich:subTable
                        onRowMouseOver="this.style.backgroundColor='#F8F8F8'"
                        onRowMouseOut="this.style.backgroundColor='#FF0000'"
                        var="expense" value="valeur">
                        <rich:column>
                            <h:outputText value="valeur"></h:outputText>
                            <f:facet name="footer">
                                <rich:spacer />
                            </f:facet>
                        </rich:column>
 
                        <rich:column>
                            <h:outputText value="valeur"><f:convertNumber   pattern="$####.00"  /></h:outputText>
                            <f:facet name="footer">
                                <h:outputText value="gris"><f:convertNumber  pattern="$####.00" /></h:outputText>
                            </f:facet>
                        </rich:column>
                        <rich:column>
 
                            <h:outputText value="valeur"><f:convertNumber  pattern="$####.00"  /></h:outputText>
                            <f:facet name="footer">
                                <h:outputText value="gris"><f:convertNumber   pattern="$####.00"  /></h:outputText>
                            </f:facet>
                        </rich:column>
 
                        <rich:column>
                            <h:outputText value="valeur"><f:convertNumber   pattern="$####.00"  /></h:outputText>
                            <f:facet name="footer">
                                <h:outputText value="gris"><f:convertNumber   pattern="$####.00"  /></h:outputText>
                            </f:facet>
                        </rich:column>
                        <rich:column>
                            <rich:spacer></rich:spacer>
                            <f:facet name="footer">
                                <h:outputText value="gris"><f:convertNumber   pattern="$####.00"    /></h:outputText>
                            </f:facet>
                        </rich:column>                  
 
                    </rich:subTable>
 
                    <f:facet name="footer">
 
                        <rich:columnGroup>
                            <rich:column>Totals</rich:column>
                            <rich:column>
                                <h:outputText value="valeur"><f:convertNumber   pattern="$####.00"  /></h:outputText>
                            </rich:column>
                            <rich:column>
                                <h:outputText value="valeur"><f:convertNumber   pattern="$####.00"  /></h:outputText>
                            </rich:column>
                            <rich:column>
                                <h:outputText value="valeur"><f:convertNumber   pattern="$####.00"  /></h:outputText>
                            </rich:column>
                            <rich:column>
                                <h:outputText value="valeur"><f:convertNumber   pattern="$####.00"  /></h:outputText>
                            </rich:column>
                        </rich:columnGroup>
                    </f:facet>
 
                </rich:dataTable>
 
</ui:composition>
 
 
 
 
 
				<rich:extendedDataTable value="tropKeuwl" var="cap" id="table" width="280px" height="20px">
                ici
                </rich:extendedDataTable>
			</td>
                    </tr>

Je suis sur que vous avez reconnu le code du site : Démo JSF :salive:

Les composants <rich:extendedDataTable> et <rich:dataTable> fonctionnent très bien quand ils ne sont pas dans une balise <td> et, très scientifiquement j'ai essayé à peu près toutes les combinaisons possible : <ui:composistion> au début du fichier, juste un composant dans la balise, etc ...

Alors voilà .. A l'aide :bebe:

ca n'a rien a voir avec la position dans TD, car JSF/Richface ignore complètement le HTML autour, pour lui c'est du texte brut (enfin +-, facelets exige quand même que ce soit du xml bien formé).

Dans ton cas, la table est en dehors du ui:composition, le namespace rich: n'existe pas à cet endroit là car on est en dehors de la balise composition qui définis ce namespace.

Trop cool tchize_

Code:

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
 
<body>
<f:view>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
 
<h:form>
<table ...
 
   <rich:dataTable>
   ..
   </rich:dataTable>
 
   <rich:extendedDataTable>
   ..
   </rich:extendedDataTable>
 
... table>
 
 
</h:form>
</ui:composition>
</f:view>
</body>

Effectivement cela fonctionne en étendant le namespace <ui:composition> à toute la page.

:merci: