JSF PrimeFaces overlayPanel提交值

Question

我想从overlayPanel向bean提交值格式jsf页面，其复选框如下：

要显示覆盖面板和ajax提交，我使用此代码，并在调试器中看到它没问题：

<p:commandButton id="joinBtn" value="Basic" type="button" disabled="#{dataPropertyCurrent.notJoinable}"/>
<p:overlayPanel id="joinPanel" for="joinBtn" appendToBody="true" dynamic="false">
    <f:facet name="header">Details</f:facet>
    <p:dataList value="#{treeBean.getDataPropsCouldBeJoinedWith(dataPropertyCurrent)}" type="definition" var="dataJoinVal">
        <h:panelGrid columns="2" cellpadding="10">
            <h:column>
                <p:selectBooleanCheckbox value="#{dataJoinVal.checked}" id="cbID">
                    <p:ajax event="change" update="cbID" partialSubmit="true"/>
                </p:selectBooleanCheckbox>
            </h:column>
            <h:column>
                <h:outputText value="#{dataJoinVal.caption}" />
            </h:column>
        </h:panelGrid>
    </p:dataList>
    <!--<p:commandButton  value="Apply" id="btnApplyJoin" type="button" process="@parent" />-->
    <h:outputLabel value="ID: #{dataPropertyCurrent.joinDataPropertyId}" />
</p:overlayPanel>

但是在隐藏了overlayPanel并使用此代码按下表单提交按钮之后：

<p:commandButton value="Apply join" update="joinAccordionPanel,dsAccordionPanelMain" actionListener="#{treeBean.applyJoinOptions}" />

• 它再次将“false”设置为bean布尔值。

那么如何正确地将overlayPanel值提交给bean呢？

PrimeFaces版本：3.5

Answer 1

我在这里找到了解释：http://forum.primefaces.org/viewtopic.php?f=3&t=30550#p97737：

“如果您正在使用appendToBody，强烈建议在overlayPanel组件中包含一个包装所有输入字段和按钮的表单。这是您在上一个解决方案中所做的。但是，这意味着您无法放置由于嵌套表单的限制，在HTML页面中的另一个表单内的overlayPanel。最好的解决方案通常是避免appendToBody，只要它不是绝对必要的。“

修改

我在overlayPanel中添加了<h:form>，现在它可以正常工作：

<p:overlayPanel id="joinPanel" for="joinBtn" appendToBody="true" dynamic="true" >
    <h:form id="formTmp">
    <f:facet name="header">Details</f:facet>
    <p:dataList value="#{treeBean.getDataPropsCouldBeJoinedWith(dataPropertyCurrent)}" type="definition" var="dataJoinVal">
        <h:panelGrid columns="2" cellpadding="10">
            <h:column>
                <p:selectBooleanCheckbox value="#{dataJoinVal.checked}" id="cbID">
                    <p:ajax event="change" update="cbID" partialSubmit="true"/>
                </p:selectBooleanCheckbox>
            </h:column>
            <h:column>
                <h:outputText value="#{dataJoinVal.caption}" />
            </h:column>
        </h:panelGrid>
    </p:dataList>
    </h:form>
</p:overlayPanel>