如果在 JSF 表单中不满足某些条件，则显示对话框窗口

Question

我正在尝试使用 AJAX 实现 JSF 按钮，如果不满足某些条件，则使用 AJAX 形成。我尝试了这个例子：

<h:form id="paymentform" enctype="multipart/form-data" x:data-form-output="form-output-global" x:data-form-type="contact" class="rd-mailform text-left">
<h:commandButton id="buy" class="btn btn-primary" type="submit" value="Put" action="#{dashboard.calculateProcessing}"  >
<f:ajax render="@form" execute="@form" x:data-toggle="modal" x:data-target="#demoModal"/>  // if #{dashboard.amount} <= 0 call modal dialog 
</h:commandButton>
<div class="modal fade" id="demoModal" role="dialog">
.....
</div>
</h:form>

@Named
@SessionScoped
public class Dashboard implements Serializable {
private static final long serialVersionUID = -2363083605115312742L;
private double amount;
public double getAmount() {
return amount;
}
public void setAmount(double amount) {
this.amount = amount;
}
}

如果我这样编辑按钮：

<h:commandButton id="buy" class="btn btn-primary" type="submit" value="Put" action="#{dashboard.calculateProcessing}" x:data-toggle="modal" x:data-target="#demoModal" >

将显示对话框并提交表单。

但是我找不到解决方案，如果不满足 Bean 中的某些条件，如何不提交表格。你能指导我如何找到解决方案吗？

<删除了公然乞求帮助，请参阅编辑>

Answer 1

您希望根据 Bean 中的条件执行f:ajax。基本上，当条件为真时，f:ajax应该被渲染，否则则不然。 每个 JSF 组件都有一个rendered值。

您的代码应如下所示：

<h:commandButton id="buy" class="btn btn-primary" type="submit" value="Put" action="#{dashboard.calculateProcessing}"  >
<f:ajax render="@form" execute="@form" x:data-toggle="modal" x:data-target="#demoModal" rendered="#{dashboard.amount <= 0}"/>
</h:commandButton>

这也可以通过多个f:ajax来完成，如下所示：

<h:commandButton>
<f:ajax render="@form" rendered="#{bean.condition}" />
<f:ajax execute="@form" rendered="#{bean.int < 0}" />
<f:ajax action="#{bean.action}" rendered="#{bean.property == null}" />
</h:commandButton>

基本上，如果rendered属性为 false，则不会导致客户端接收 HTML。有关渲染的更多信息

您还可以使用 jstl 标记来定义组件是否被渲染。 像这样使用：

<h:commandButton>
<c:if test="#{bean.condition}>
<!-- f:ajax here-->
</c:if>
<c:choose>
<c:when test="#{bean.condition}">
<!-- f:ajax here-->
</c:when>
<c:otherwise>
<!-- f:ajax here-->
</c:otherwise>
</c:choose>
</h:commandButton>

例如，要调用动态操作，commandButton请参阅此内容。