提问人:Guilherme Barboza 提问时间:7/18/2018 最后编辑:KukeltjeGuilherme Barboza 更新时间:7/18/2018 访问量:1774
如何根据条件执行(或不执行)AJAX 调用
how to execute (or not) an ajax call based on a condition
问:
我需要使用 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 在这种情况下是如何工作的。提前致谢。
答:
您可以在选择中启用该按钮。该按钮现在只是一个没有 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() }"/>
这是我们所做的...
首先,不要使用布尔值,而是使用 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();" />
评论