Discussion :

[helios2092]

Bonjour ,
de nouveau avec des soucis
j'ai un composant JSF

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
 
<ui:composition>
    <c:if test="#{!empty sessionScope['edit']}">
        <h:form id="#{id}Form">
            <rich:inplaceInput id="#{id}Input" value="#{bundle[key]}"
                               valueChangeListener="#{i18nBean.update}" onchange="document.getElementById('test:#{id}Form:#{id}Input').component.save();this.form.submit();">
                <f:attribute name="key" value="#{key}"/>
                <f:attribute name="bundleName" value="#{bundleName}"/>
            </rich:inplaceInput>
        </h:form>
    </c:if>
    <c:if test="#{empty sessionScope['edit']}">
        <h:outputLabel id="#{id}Label" value="#{bundle[key]}">
            <ui:insert/>
        </h:outputLabel>
    </c:if>
</ui:composition>

et lorsque j'ai voulu l'utiliser dans une page de test qui elle meme contient un formulaire

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<h:form id="test">
    <h:commandLink value="Editer" actionListener="#{sessionBean.goEditMode}"/>
    <h:commandLink value="Prévisualiser" actionListener="#{sessionBean.quitEditMode}"/>
    <h:commandButton value="submit" actionListener="#{naviEx.submit}"/>
    <h:inputText value="#{naviEx.selectedMovie.title}">
        <i18n:label id="director" key="director" bundle="#{kmji18n}" bundleName="kmji18n"/>
    </h:inputText>
</h:form>
</body>

ça fonctionne pas .
J'ai cherché sur le net et j'ai trouvé qu'on doit pas utilser un formulaire imbriqué dans un autre (c'est une specification de html/xhtml) je sais pas s'il y aura un moyen de résoudre ce problème alors.

Merci d'avance

[romaintaz]

En effet, l'imbrication des formulaires est à proscrire !

Dans ton cas, je ne vois pas trop le lien entre les 2 codes.
Peux-tu montrer un peu plus en détail ce point ?

[helios2092]

le premier code est celui de composants JSF.
et dans la page de test j'essaye d'utiliser mon composant dans un formulaire.
En fait mon composant est un label qui est editable ,je l'utilise dans ce cas de test comme un label d'un champs texte

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
 
<h:form id="test">
 <!--ici pour basculer entre les deux modes :un pour editer le label et l'autre pour l'afficher-->
    <h:commandLink value="Editer" actionListener="#{sessionBean.goEditMode}"/>
    <h:commandLink value="Prévisualiser" actionListener="#{sessionBean.quitEditMode}"/>
 
<!-- boutton pour submitter le  formulaire -->    
<h:commandButton value="submit" actionListener="#{naviEx.submit}"/>
 
<!--le champs texte dans le formulaire -->   
 <h:inputText value="#{naviEx.selectedMovie.title}">
 
<!--utilisation de composant comme label de champs texte -->
        <i18n:label id="director" key="director" bundle="#{kmji18n}" bundleName="kmji18n"/>
    </h:inputText>
</h:form>
</body>

[helios2092]

Enfin c'est résolu.
L'idée etait de la part de mon tuteur :On a crée un custom composant form qui selon le mode ou on est ajoute un h:form ou pas alors si on est en mode Edition notre composant sera entouré dans un a4j:panel au lieu d'un h:form vu qu'on a déja un h:form dans le composant label,alors ça va nous permettre d'eliminer l'histoire de formulaires imbriqués.
Et si on est en mode previsualisation on a utilisé le h:form vu que ça pose pas de problèmes surtout que le composant label dans ce mode prévisualisation n'utilise pas de form.

Voici le code de nouveau composant form

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<ui:composition>
    <c:if test="#{!empty sessionScope['edit']}">
        <h:panelGroup id="#{id}Panel">
            <ui:insert/>
        </h:panelGroup>
    </c:if>
    <c:if test="#{empty sessionScope['edit']}">
        <h:form id="#{id}Form">
            <ui:insert/>
        </h:form>
    </c:if>
</ui:composition>