PrimeFaces verschachtelte form innen p:dialog mit appendTo="@(Körper)

Habe ich dieses 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>

und alles funktioniert wie erwartet.

Was ich möchte, zu erreichen, ist diese:

<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>

aber ich erfolglos versucht, eine Kombination von process und update für button1 was in Prozess etwas... input1 ist auch zurücksetzen...

So, wie man einen p:dialog können versendet werden innerhalb eines fragment oder ein composite-comp und ist ausgeschlossen von außen form?

Hinweis:

<h:form id="form">

    <!-- other content -->

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

    <!-- other content -->

</h:form>

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

ist keine akzeptable Lösung.

Ich bin auf JSF 2.2.8 (mojarra) und PF 5.1

Ich denke, es ist nicht akzeptabel zu starten mit </h:form> und endet mit <h:form> ? 🙂 Scheint mir bekommst du geschachtelte Formen, egal was
Nein, es ist nicht erlaubt 🙂 aber ich versuche nicht zu vermeiden, verschachtelte Formulare, bin ich versucht zu arbeiten, mit Hilfe von appendTo Attribut. nach PF dialog docs sollte dies möglich sein.
Aber ist nicht die geschachtelte Formen, was Ihnen Schwierigkeiten? Ich habe immer erwartet, es wäre unnested in der ausgegebenen html durch appendTo. Es gibt einige Diskussionen auf primefaces forum darüber, vielleicht findest du dort etwas
Versuchen Sie über das Formular den Namen statt der @ - form
mögliche Duplikate von Kann man verschachteln, html Formulare?

InformationsquelleAutor Michele Mariotti | 2014-10-28

Endlich habe ich einen Weg gefunden, mit OmniFaces, mit <o:moveComponent /> :

Seite:

<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>

Dies wird dazu führen, dass einige Warnung:

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

weil das wiederhergestellte Komponenten werden nicht wieder entfernt, die nachfolgende RESTORE_VIEW für postback.

Diese Warnungen, als für meine Experimente, sind harmlos und konnte ignoriert werden.

Jedoch öffnete ich ein pull-request, um schließlich zu beheben.

InformationsquelleAutor Michele Mariotti

-3

Nur ein Formular in dialog. Arbeiten gut für mich.

<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>

haben Sie Lesen die Frage?

InformationsquelleAutor Manuel Luna

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.