PrimeFaces imbriqué à l'intérieur de p:dialogue avec appendTo="@(corps)

J'ai ce fragment:

<h:form id="form">

    <!-- other content -->

    <p:panel id="panel" header="test">
        <p:inputText id="input1" value="#{viewScope.prop1}" required="true" />
        <p:commandButton id="button1" process="@form" update="@form @widgetVar(dialog)"
            oncomplete="PF('dialog').show()" value="ok" />
    </p:panel>

    <!-- other content -->

</h:form>

<p:dialog id="dialog" header="dialog" widgetVar="dialog" modal="true">
    <h:form id="form2">
        <p:inputText id="input2" value="#{viewScope.prop1}" required="true" />
        <p:commandButton id="button2" process="@form" update="@form" value="ok" />
    </h:form>
</p:dialog>

et tout fonctionne comme prévu.

Ce que je voudrais obtenir ceci:

<h:form id="form">

    <!-- other content -->

    <!-- fragment start -->
    <!-- this fragment will be on its own file and included via ui:include (or inside composite component) -->
    <p:panel id="panel" header="test">
        <p:inputText id="input1" value="#{viewScope.prop1}" required="true" />
        <p:commandButton id="button1" process="@form" update="@form @widgetVar(dialog)"
            oncomplete="PF('dialog').show()" value="ok" />
    </p:panel>

    <p:dialog id="dialog" header="dialog" widgetVar="dialog" modal="true" appendTo="@(body)">
        <h:form id="form2">
            <p:inputText id="input2" value="#{viewScope.prop1}" required="true" />
            <p:commandButton id="button2" process="@form" update="@form" value="ok" />
        </h:form>
    </p:dialog>
    <!-- fragment end -->

    <!-- other content -->

</h:form>

mais j'ai essayé, sans succès, une combinaison de process et update pour button1 résultant de processus de quoi que ce soit... input1 est même la réinitialisation...

Alors, comment construire un p:dialog qui peuvent être expédiés à l'intérieur d'un fragment ou d'un composite de la comp et qui est exclue de l'extérieur form?

Noter que l'utilisation d':

<h:form id="form">

    <!-- other content -->

    <ui:include src="panel.xhtml" />

    <!-- other content -->

</h:form>

<ui:include src="dialog.xhtml" />

n'est pas une solution acceptable.

Je suis sur JSF 2.2.8 (mojarra) et PF 5.1

Je suppose que c'est pas acceptable pour démarrer l'include </h:form> et à la fin avec des <h:form> ? 🙂 Me semble que vous obtiendrez des formulaires imbriqués n'importe quoi
non, il n'est pas autorisé 🙂 cependant, je ne suis pas en essayant d'éviter les imbrications, je suis en train de faire le travail avec l'aide de appendTo attribut. selon PF dialogue docs cela devrait être possible.
Mais n'est-ce pas la des formulaires imbriqués ce qui vous donne de la difficulté? J'ai toujours pensé que cela pourrait être désemboîtées dans la sortie html par le biais de appendTo. Il y a quelques discussions sur primefaces forum à ce sujet, peut-être que vous pouvez trouver quelque chose
Essayez d'utiliser le nom du formulaire à la place de @form
double possible de vous Pouvez imbriquer des formulaires html?

OriginalL'auteur Michele Mariotti | 2014-10-28

  1. 0

    Enfin, j'ai trouvé un moyen à l'aide de OmniFaces, avec <o:moveComponent /> :

    page:

    <h:form id="form">

    <!-- other content -->

    <ui:include src="/fragment/with/inner/form.xhtml" />

    <!-- other content -->

</h:form>

    fragment:

    <ui:composition>    
    <p:inputText id="outerText" value="#{viewScope.text}" />

    <p:commandButton id="openButton" process="@form" update="@widgetVar(testDialog)"
        oncomplete="PF('testDialog').show()" value="open" />
    <o:moveComponent id="move" for=":#{facesContext.viewRoot.clientId}" destination="ADD_LAST">
        <h:form id="innerForm">
            <p:dialog id="dialog" widgetVar="testDialog" header="test dialog">
                <p:inputText id="innerText" value="#{viewScope.text}" />

                <f:facet name="footer">
                    <p:commandButton id="confirmButton" process="@form" update=":form"
                        oncomplete="if(!args.validationFailed) PF('testDialog').hide()" 
                        value="submit" />
                </f:facet>
            </p:dialog>
        </h:form>
    </o:moveComponent>
</ui:composition>

    Cela entraînera un avertissement:

    WARNING Unable to save dynamic action with clientId 'form:innerForm:dialog' because the UIComponent cannot be found
WARNING Unable to save dynamic action with clientId 'form:innerForm:innerText' because the UIComponent cannot be found
WARNING Unable to save dynamic action with clientId 'form:innerForm:confirmButton' because the UIComponent cannot be found

    parce que la restauration, les composants ne sont pas re-supprimé sur les RESTORE_VIEW pour publication.

    Ces mises en garde, comme pour mes expériences, sont inoffensifs et ne peut être ignoré en toute sécurité.

    Cependant j'ai ouvert une pull request éventuellement de le corriger.

    OriginalL'auteur Michele Mariotti

  2. -3

    Utiliser un seul formulaire à l'intérieur de la boîte de dialogue. Beau travail pour moi.

    <h:body>

<h:form id="OneFormId">
    <!-- Some content -->
</h:form>

<p:dialog id="MyDialogId" header="My Header Info"
    widgetVar="MyWidgetVarName" modal="true" appendTo="@(body)">
    <h:form id="MyFormId">
        <p:outputPanel>
            <p:messages id="MyMsgId" autoUpdate="true" />
            <h:panelGrid columns="2">
                <h:outputLabel for="usr" value="User:" />
                <p:inputText id="usr" value="#{MyManageBeanName.MyProperty}"
                    required="true" requiredMessage="User is required." />
            </h:panelGrid>
            <p:separator />
            <h:panelGrid columns="2">
                <p:commandButton value="Save" id="MyBtnSaveId"
                    styleClass="ui-priority-primary" icon="ui-icon-circle-check"
                    process="@form" />
                <p:commandButton value="Cancel" id="MyBtnCancelId"
                    onclick="PF('MyWidgetVarName').hide()"
                    styleClass="ui-priority-primary" icon="ui-icon-close"
                    process="MyBtnCancelId" />
            </h:panelGrid>
        </p:outputPanel>
    </h:form>
</p:dialog>

<h:form id="OtherFormId">
    <!-- Some content -->
</h:form>

    avez-vous lu la question?

    OriginalL'auteur Manuel Luna