a4j：commandLink操作和带有弹出面板的onclick异步调用

Question

我对此代码有问题，我正尝试在转到另一个facelet之前显示popupPanel来执行操作，问题是在呈现新facelet之前的一会儿弹出窗口显示，我认为这有事情要做与异步调用，但我不知道如何解决它。

谢谢

                <h:outputText value="Do you want to save your changes?"/>
                <br/><br/><br/>
                <a4j:region id="panel-region">
                        <h:commandButton action="#{saveReminderBackingBean.saveBundle}" value=" Yes " onclick="#{rich:component('savePopupPanel')}.hide();bm.showLoading()" styleClass="pnx-btn pnx-btn-secondary " style="padding-left:8px;padding-right:8px"/>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <h:commandButton action="#{saveReminderBackingBean.clearFlags}" value="No" onclick="#{rich:component('savePopupPanel')}.hide();bm.showLoading()" styleClass="pnx-btn pnx-btn-secondary " style="padding-left:8px;padding-right:8px"/>

                </a4j:region>
                <br/>
                </div>
            </rich:popupPanel>

Answer 1

<h:commandButton/>将触发完整的JSF POST请求，因此，在请求结束时呈现整个页面时，创建并显示的弹出窗口将自动关闭。

您应该将命令按钮替换为<a4j:commandButton/>

    <a4j:commandButton action="#{saveReminderBackingBean.saveBundle}" value=" Yes " onclick="#{rich:component('savePopupPanel')}.hide();bm.showLoading()" styleClass="pnx-btn pnx-btn-secondary " style="padding-left:8px;padding-right:8px"/>
                    &nbsp;&nbsp;&nbsp;&nbsp;
    <a4j:commandButton action="#{saveReminderBackingBean.clearFlags}" value="No" onclick="#{rich:component('savePopupPanel')}.hide();bm.showLoading()" styleClass="pnx-btn pnx-btn-secondary " style="padding-left:8px;padding-right:8px"/>

<a4j:commandButton/>触发部分请求，而不是完整请求。 因此，该页面不会重新加载，您的弹出窗口将保持打开状态