richfaces popupPanel：commandButton需要两次点击

Question

我有一个弹出窗口，上面有一个表单和一个commandButton。当我点击commandButton时，我想提交表单并调用一个动作。

问题是，如果我将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?