如何根据条件执行(或不执行)AJAX 调用

how to execute (or not) an ajax call based on a condition

提问人:Guilherme Barboza 提问时间:7/18/2018 最后编辑:KukeltjeGuilherme Barboza 更新时间:7/18/2018 访问量:1774

问:

我需要使用 Ajax 执行调用,但首先,我还必须对后备 Bean 的方法进行验证。基于此方法返回的布尔值,ajax 调用将被执行(返回 true)或不执行(例如返回 false)。

为了更具体地举一个可触摸的例子,我试图在单击按钮后打开一个对话框。

这是我的 .xhtml 代码:

<h:form id="tableVendasNaoPagas">
    <p:dataTable value="#{relatorioVendaMB.vendasNaoPagas}" var="venda" rowKey="#{venda.codigo}" emptyMessage="Nenhuma venda encontrada" selection="#{relatorioVendaMB.vendasAPagar}">
    <f:facet name="header">Tabela de Venda</f:facet>
    <p:column selectionMode="multiple" style="width:16px;text-align:center"/>
    <p:column headerText="Código" sortBy="#{venda.codigo}">
        <h:outputText value="#{venda.codigo}"/>
    </p:column>
    <!--Other columns-->
    <f:facet name="footer">
        <p:commandButton id="btnAbreDialogEfetuarPagamento" value="Efetuar Pagamento" process="@form" update=":formConfirmarPagamento, :formAux:growlglobal, @this" oncomplete="if (#{relatorioVendaMB.abreDialogEfetuaPag()}) { PF('dialogConfirmarPagamento').show() }"/>
    </f:facet>
    </p:dataTable>
</h:form>
.
.
.
<h:form id="formConfirmarPagamento">
    <p:dialog id="dialogConfirmarPagamento" ...>
</h:form>

。爪哇岛:

public boolean abreDialogEfetuaPag () {
    if (vendasAPagar == null || vendasAPagar.isEmpty()){
        MensagensUtil.mensagemAviso("Atenção", "selecione ao menos uma venda");
        return false;
    } else {
        return true;
    }
}

仅当已选择表中的至少一项(列表不为空)时,才应显示该对话框。
对后备 Bean 上的方法的调用不是必需的,但这会很方便,因为我可以向 a 添加一条消息并向用户提供反馈(如下所示:
vendasAPagar<p:growl>MensagensUtil.mensagemAviso("Atenção", "selecione ao menos uma venda");)

我尝试了许多不同的方法,但它们也不起作用:

<p:commandButton id="btnAbreDialogEfetuarPagamento" value="Efetuar Pagamento">
    <p:ajax process="@form" update=":formConfirmarPagamento, :formAux:growlglobal" disabled="#{!relatorioVendaMB.abreDialogEfetuaPag()}" oncomplete="PF('dialogConfirmarPagamento').show()"/>
</p:commandButton>

<p:commandButton id="btnAbreDialogEfetuarPagamento" value="Efetuar Pagamento" process="@form" update=":formConfirmarPagamento, :formAux:growlglobal, @this" oncomplete="#{not empty relatorioVendaMB.abreDialogEfetuaPag()} ? PF('dialogConfirmarPagamento').show() : return false"/>

...还有很多其他的。在某些情况下,对话框将始终显示并且不会执行方法,在另一些情况下,方法将被执行,但对话框永远不会显示......

有人可以给我一个提示,一个解决方案,如果可能的话,解释一下 Ajax 在这种情况下是如何工作的。提前致谢。

Ajax primefaces xhtml

评论


答:

0赞 Holger 7/18/2018 #1

您可以在选择中启用该按钮。该按钮现在只是一个没有 Bean 连接的点击按钮。

<p:datatable....
  <p:ajax event="rowSelect" partialSubmit="true" process="@this" update="btnAbreDialogEfetuarPagamento" />

  <p:commandButton id="btnAbreDialogEfetuarPagamento" rendered="#{relatorioVendaMB.abreDialogEfetuaPag()}" value="Efetuar Pagamento" type="button" onclick="PF('dialogConfirmarPagamento').show() }"/>
2赞 Melloware 7/18/2018 #2

这是我们所做的...

首先,不要使用布尔值,而是使用 AJAX 和 JSF 来发挥自己的优势。

在 JAVA 代码中,如果您不想显示对话框,则可以将 validationFailed 标记为 validationFailed。

public void abreDialogEfetuaPag () {
    if (vendasAPagar == null || vendasAPagar.isEmpty()){
        MensagensUtil.mensagemAviso("Atenção", "selecione ao menos uma venda");
        FacesContext.getCurrentInstance().validationFailed();
    } 
}

仅当验证未失败时,按钮才显示对话框。PrimeFaces 在每个 AJAX 请求的“args”中交还该 validationFailed 标志的值。

<p:commandButton oncomplete="if (!args.validationFailed) PF('dialogConfirmarPagamento').show();" />