ajax - richfaces popupPanel : commandButton requires two clicks

Question

我有一个弹出窗口，上面有一个表单和一个命令按钮。当我单击命令按钮时，我想提交表单并调用操作。

问题是，如果我将commandButton放在表单中，我必须单击它两次才能调用操作，如果我将它放在表单之外，它不会提交表单。

这是我的代码:

<rich:popupPanel id="popup" modal="true" minWidth="600" minHeight="300"
    resizeable="false">
    <f:facet name="header">
        <h:outputText value="Edit" />
    </f:facet>
    <f:facet name="controls">
        <h:outputLink value="#" id="x"
            onclick="#{rich:component('popup')}.hide(); return false;">X</h:outputLink>
    </f:facet>
    <h:form id="dataForm">

        <table id="table">
            <tr>
                <td><h:outputText value="Details:" /></td>
                <td><h:inputTextarea id="details"
                        value="#{errorItemBean.workItem.details}" /></td>
            </tr>               
        </table>

        <a4j:commandButton id="submitButton" value="Ok"
                action="#{errorItemBean.create}" reRender="errorForm"
                oncomplete="#{rich:component('popup')}.hide()">
            </a4j:commandButton>

        <h:commandButton id="cancelButton" value="Cancel">
            <rich:componentControl target="popup" operation="hide" />
        </h:commandButton>
    </h:form>
</rich:popupPanel>

Answer 1

如果您在打开弹出窗口之前使用了 reRender=":popup"，则可能会发生这种情况。您需要通过 reRender=":dataForm" 重新渲染弹出窗口的表单。

另请参阅:

• Rendering other form by ajax causes its view state to be lost, how do I add this back?