ValueChange 事件和 Ajax 保存按钮

Question

我有一个问题，我有一个带有 ValueChange ajax 事件的字段并且我有一个保存 ajax 驱动按钮。当用户编辑字段然后单击保存按钮时会发生问题。第一次点击发送 ValueChange ajax 请求并更新其他字段，第二次点击保存表单。这是一个示例代码

<pf:commandButton id="save" value="save" actionListener="#{car.save}">
    <pf:ajax process="@form" update="@form" />
</pf:commandButton>

<pf:inputText id="price" value="#{car.price}">
    <pf:ajax event="valueChange" process="@form" listener="#{car.calculatePrice}" update=":form:totalPrice"/>
</pf:inputText>

有没有办法避免这种情况？。我想一种方法是将保存按钮设为非 ajax 按钮。还有其他解决方案吗？谢谢

Answer 1

问题出在项目的某处，有一个 <p:ajaxStatus> 组件在您要更新@form 时使整个网站变暗。通常 JSF 对此没有问题。

如果您在网站上使用 <p:ajaxStatus> 并且遇到同样的问题。有一种解决方案，您可以使用以下代码代替问题中提到的代码

<h:commandButton id="save" value="save">
    <pf:ajax event="mousedown" process="@form" update="@form" listner="#{car.save}"/>
</h:commandButton>

ValueChange 事件和 Ajax 保存按钮

ValueChange Event and Ajax saving button

jsf

jsf-2