客户端回调没有从primeface对话框中调用

Question

我有一个primefaces对话框，其中包含一个输入文本区域和一个命令按钮“提交”。

我有一个包含按钮“Reject”的表单，该表单位于Tabview中。当用户单击按钮“Reject”时，我会显示对话框“rejectDialog”供用户输入拒绝的原因。一旦用户输入评论并单击对话框中的提交按钮“submitButton”，就会在bean中调用一个action方法来更新评论值。我有一个调用javascript方法的on完成属性。操作方法完成后，javascript方法永远不会执行，对话框也会关闭。该操作执行成功，我没有收到任何错误。我还尝试用on成功替换on完成，但仍然没有执行javascript方法。

我想知道为什么在对话框的oncomplete中从来不调用javascript？

我还尝试在oncomplete属性中只添加一个警报，但警报始终不会执行。

代码附在下面。

<p:dialog id="rejectDialog" header="Enter Comments" 
              hideEffect="explode" showEffect="explode" 
              resizable="false" widgetVar="rejectDlg" 
              style="background: #bcbcbc !important;"
              >
            <h:panelGrid columns="1" cellpadding="0" cellspacing="2"
                         styleClass="commentsPanel"
                         id="dialogpanelgrid">
                <p:outputLabel for="rejectComments" value="Enter Comments *: "
                               style="font-weight: bold;">

                </p:outputLabel>
                <p:inputTextarea cols="40" rows="4" autoResize="false" 
                   id="rejectComments" styleClass="rejectCommentsCls"
                   value="#{requestDetailsMB.rejectCommentsDesc}"
                   style="background: lightgray !important; color:#000 !important;" 
                                 widgetVar="txtreject"
                                 >
                    <f:validator validatorId="commentsValidator"></f:validator>
                </p:inputTextarea>
         <h:outputLabel id="rejectCommentsMessage" class="rejectCommentsMsg" value="" 
                               style="color:red !important; font-weight: bold;">

                </h:outputLabel>
            </h:panelGrid>
            <p:commandButton id="submitButton" 
                             style="margin-top: 15px; float:right;" 
                             value="Submit"
                             onclick="return validate();"
                             action="#{requestDetailsMB.rejectRequest}"
                             oncomplete="performRejectAction();"
                             /> 
    </p:dialog>

Answer 1

在将javascript放入commandButton的onclick事件之前，我遇到过一些问题。javascript可以覆盖primefaces的行为，这可能就是为什么没有执行oncomplete。我建议您改用onstart事件：

<p:commandButton id="submitButton" 
    style="margin-top: 15px; float:right;" 
    value="Submit"
    onstart="return validate();"
    action="#{requestDetailsMB.rejectRequest}"
    oncomplete="performRejectAction();" />