当单击 commandLink 时出现后，primefaces 对话框消失

Question

我有这个代码：

<h:form>
        <h:commandLink value="Créer un compte" onclick="dlg3.show();"/>
</h:form>

<p:dialog id="modalDialoog" widgetVar="dlg3" draggable="false" resizable="false" dynamic="true" header="Inscription">
<center>
<p:panel id="xyzBody">
<h:form id="inscri-f">
        <h:panelGrid id="loginPan" columns="2" bgcolor="White">

         <h:outputText value="Nom d'utilisateur :" />
         <p:inputText id="username" value="#{demandeBean.login}"></p:inputText>

         <h:outputText value="Mot de passe :" />
         <p:password id="pwd" value="#{demandeBean.pwd}"/>

         <h:commandButton value="Envoyer demande" update=":inscri-f:cr" 
                 actionListener="#{demandeBean.envoi_dde}"></h:commandButton>

         <h:commandButton value="Retour" action="page1?faces-redirect=true"></h:commandButton>

          <p:outputPanel id="cr"> 
            <h:outputText rendered="#{demandeBean.saved}" value="#{demandeBean.message}"/>
          </p:outputPanel>
                </h:panelGrid>
       </h:form>
       </p:panel>
       </center>
       </p:dialog>

我的问题是当我单击 commandLink 时显示“Créer un compte”对话框并且它很快消失。

Answer 1

这是因为<h:commandLink>在表单上执行了提交，将数据发送到服务器，服务器将处理请求，服务器将生成响应并将其发送给客户端，从而获得 浏览器中的刷新行为。

简单修复（对于这种情况），在onclick 末尾添加return false; 以停止form 提交。

<h:commandLink value="Créer un compte" onclick="dlg3.show(); return false;"/>

---

正如 BalusC 评论中所述，没有<form> 开头会更容易，所以只需使用普通的<a>：

<a onclick="dlg3.show();">Créer un compte</a>

Answer 2

您也可以使用<p:commandlink ...oncomplete="dlg3.show();" /> 代替<h:commandlink onclick =.... /> 它将确保在 backing bean 中设置值