Problème de composant dupliqué(Client-id : footer is duplicated in the faces tree)

**seb997** · 27/02/2008, 16h12

Bonjour à tous,

je suis sur une interface utilisateur en JSF, et j'ai un problème assez récurrent de composant dupliqué.

En principe, l'utilisateur remplit un formulaire, et quand il veut faire apparaitre un champ optionnel, il y a une validation car la page est rechargée, et à ce moment là si il n'a pas remplit les champs obligatoire ils sont indiqués en rouge.

Mais dans pas mal de cas(aucune différence trouvée entre les pages jsp ni les beans correspondant) au lieu de celà j'obtiens une page d'erreur car c'est comme si la page rechargée voulait ajouter des composants identiques:

Client-id : footer is duplicated in the faces tree. Component : footer, path: {Component-Path : [Class: javax.faces.component.UIViewRoot,ViewId: /mainFrame.jsp][Class: org.apache.myfaces.custom.div.Div,Id: _idJsp194][Class: org.apache.myfaces.custom.div.Div,Id: _idJsp195][Class: javax.faces.component.UINamingContainer,Id: footer]}

Caused by:
java.lang.IllegalStateException - Client-id : footer is duplicated in the faces tree. Component : footer, path: {Component-Path : [Class: javax.faces.component.UIViewRoot,ViewId: /mainFrame.jsp][Class: org.apache.myfaces.custom.div.Div,Id: _idJsp194][Class: org.apache.myfaces.custom.div.Div,Id: _idJsp195][Class: javax.faces.component.UINamingContainer,Id: footer]}

A noter que footer est une page jsp importée
(<t:div styleClass="footer">
<c:import url="/WEB-INF/jsp/footer.jsp" />
</t:div>)
dans la page principale , mainframe.jsp , et qu'en le supprimant de la page c'est un autre composant dupliqué qui fait planter le truc, donc j'imagine que c'est récurrent.

Dans le debug de firefox il y a bien deux elements footer de ce type:
<UINamingContainer id="footer" rendered="true" transient="false">

Si quelqu'un avait une idée pour éviter ce problème ça m'aiderait beaucoup.
Peut être en supprimant/réinitialisant les éléments à chaque action?

**tchize_** · 27/02/2008, 20h51

Ne jamais faire d'import avec JSF! JSF ne réagit pas très bien avec les taglibs JSP conditionnelles. A la place des imports en JSF, utilise les subview. Dans ton JSP principal tu défini un View, dans ton JSP inclus tu défini une autre view et au lieu de l'import tu fait un subview (ajout d'une vue dans une vue).

Code :

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

1
2
3
<f:subview id="myIncludedPage">
<jsp:include page="/pages/whatever.jsp"/>
</f:subview>

L'utilisation d'include au lieu de import rend l'inclusion à la fois non conditionelle (elle a lieu à la compilation du jsp) et garanti qu'on ne va pas sortir du servlet JSF (contrairement à import qui fait un rendu séparé du JSP inclu avant de copier le résultat dans le JSP maitre)

**seb997** · 28/02/2008, 17h18

Merci beaucoup pour le tuyau

!
J'essaie de changer ça dès que possible pour voir ce que ça donne.

**tchize_** · 28/02/2008, 17h21

Aussi, myfaces est assez laxiste sur les duplicate Id dans l'arbre, je sais pas dans quelle condition il les détectes, mais je crois me souvenir que la RI de sun est plus stricte, donc tu verra peut etre plus vite ou est ton problème en remplacant temporairement myfaces par sun-ri

**seb997** · 04/03/2008, 11h39

J'ai essayé en incluant la subview dans ma mainframe.jsp:
<f:subview id="footer">
<jsp:include page="/WEB-INF/jsp/footer.jsp"/>
</f:subview>
(la jsp footer était déjà une subview)
même erreur de duplicate id sur la footer apparemment

.

**heid** · 04/03/2008, 11h50

Peux tu nous montrer ton datatable complet?

**seb997** · 04/03/2008, 13h43

Dans la jsp principale j'ai ces composants:

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
<body onload="scrollPos();" onkeydown="showDown(event);">
<f:view>
<t:div styleClass="pageContainer">
<t:div styleClass="title">
<c:import url="/WEB-INF/jsp/header.jsp" />
</t:div>
<t:div styleClass="left">
<c:import url="/WEB-INF/jsp/businessMenu.jsp" />
</t:div>
....
<t:div styleClass="clear">
<t:div styleClass="footer">
<f:subview id="footer">
<jsp:include page="/WEB-INF/jsp/footer.jsp"/>
</f:subview>
</t:div>
....
</t:div>			
</f:view>
</body>

Et dans la page qui pose problème à priori (footer.jsp) :

Code :

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

1
2
3
4
5
6
7
8
9
10
<%@include file="/WEB-INF/taglibs.jspf"%>
 
<f:subview id="footer">
	<h:form>
		<t:div style="float:right;">
.........
</t:div>
	</h:form>	
	<t:div styleClass="clearAll" />
</f:subview>

**heid** · 04/03/2008, 14h06

Peux tu nous donner maintenant le code source interprété, c'est a dire le code html retourné au navigateur (avant l'exception). Il faudrait aussi le message d'erreur avec l'id du composant posant problème (sauf si c'est le même que précédemment) ainsi que l'intégralité du code (cette fois dans l'éditeur) de ta subview JSF.

**seb997** · 04/03/2008, 16h32

Malheureusement mon server d'application est mort(OAS).
Il se passe la même chose sous weblogic.
Je vais essayer d'avoir cette page.
Dans le code html généré, il y avait bien deux éléments footer donc avec l'id footer

.

**tchize_** · 05/03/2008, 13h39

a mon avis, soit tu fait l'include deux fois, soit tu a deux id "footer" pour des composant totalement différent. Un recherche dans tous tes fichiers sur "footer" devrais probablement t'inquiquer tout ce qui pointe vers du footer.

**seb997** · 05/03/2008, 15h15

Après recherche j'ai effectivement un composant dans une page jsp un peu perdue

:

Code :

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

1
2
3
4
5
6
7
8
9
<f:facet name="footer">
<t:dataScroller id="scroll_2" styleClass="listbox_nav" for="DataTable"	renderFacetsIfSinglePage="false"		paginator="true"paginatorActiveColumnClass="paginatorActiveColumn">
<f:facet name="previous">
<h:outputText value="#{lab.scrollPrev}" />
</f:facet>
<f:facet name="next">				            	<h:outputText value="#{lab.scrollNext}" />
 </f:facet>
 </t:dataScroller>
</f:facet>

Je vais donc essayer de changer son nom, et en suite de redeployer tout.

**tchize_** · 05/03/2008, 15h51

devrait pas jouer, le nom d'une facet et son id sont différent. De plus ton facet est dans un datascroller, il aura donc un id de la forme <datascrollerId>:<facetId>