如何仅在 Ajax 成功时更新 JSF/Primefaces 组件值，但在 Ajax 失败时不执行任何操作

Question

我有一个使用 Primefaces 5.3 的 JSF 前端，它使用 Ajax 动态更新字段。我遇到的问题是有时我的 Ajax 调用失败（例如：服务器响应 500），但我的前端仍在更改。本质上，如果我的 ajax 失败，我希望阻止输入字段的更改。换句话说，我只希望输入字段在成功的 Ajax 响应时发生变化。

我对 JSF 还很陌生，所以我不确定如何处理这个问题。在常规的 HTML/JS 中，我可以在 onclick 中存储值，并在我的 ajax 错误处理程序中恢复该值，但我不知道如何使用 PF 框架来做到这一点。

        <div class="Container25">
            <p:selectOneRadio id="grid" value="#{cc.attrs.answer.singleAnswer.codeValue}" layout="grid" columns="1" >
                <f:selectItems value="#{cc.attrs.menuItems}" 
                               var="item" itemLabel="#{msg[item.code]}" itemValue="#{item.code}" itemLabelEscaped="false"/>

                 <p:ajax  event="change"  listener="#{cc.attrs.onChange}" update="#{cc.attrs.update}" disabled="#{cc.attrs.onChange == null }" global="false" />
            </p:selectOneRadio>
        </div>

我尝试将 resetValues 属性添加到 ajax 组件，但没有帮助。此外，我尝试在 onstart 处理程序中添加一些自定义 JS，但未定义。

我认为必须有一种简单的 JSF/PF 方式来执行此操作，但似乎找不到。

如何在 Ajax 调用成功返回之前阻止输入值更改（即：仅更改 onsuccess 处理程序中的值）或在我的 Ajax 调用失败时重置我原来的单选按钮选择？我需要在我的 onerror 处理程序中放入什么来恢复 pre-ajax 状态？

Answer 1

您可以使用 Primefaces RemoteCommand 组件获得简单的解决方案，只需将其嵌入到您的表单中：

<p:remoteCommand name="revertSomeValues"
            actionListener="#{relatedBean.revertValuesToDefaults}"
            update="componentId" />

在 bean 端你可以操作模型：

@Named
@ViewScoped
public class relatedBean implements Serializable {

  Integer  codeValue;
  //other model attributes and methods...

  public void revertValuesToDefaults() {        
     setCodeValue(0); //supposing 0 is the default value
    //handle other model attributes if needed
  }
}

现在你可以设置类似的 onerror 回调 -> onerror="revertSomeValues()"

如果需要，您还可以从 bean 以编程方式使用 Primefaces RequestContext 更新组件：

RequestContext context = RequestContext.getCurrentInstance();
context.update("componentId");