当必填输入字段变为空时,不会触发 PrimeFaces ajax 更新

PrimeFaces ajax update is not triggered when required input field becomes empty

提问人:Divya 提问时间:10/26/2018 更新时间:10/26/2018 访问量:1998

问:

我正在将 JSF 与 PrimeFaces 一起使用,字段如下所示。

    <p:outputLabel for="vehicle" value="#{msg['vehicle.text']}" />
    <p:autoComplete id="vehicle" value="#{newCtrlr.vehicleId.vehicle}" autocomplete="true" scrollHeight = "200" required = "true" 
    completeMethod="#{newCtrlr.vehicle_AutoComplete}"  minQueryLength = "2">
    <p:ajax event="itemSelect" listener = "#{newCtrlr.onVehicleChange}" update = "market" />
    <p:ajax event="change" listener = "#{newCtrlr.onVehicleChange}" update = "market" />                                        
    </p:autoComplete>

    <p:outputLabel for="market" value="#{msg['market.text']}" />
    <p:inputText id="market" value="#{newCtrlr.market.marketName}"  
    readonly = "#{empty newCtrlr.vehicleId.vehicle ? 'true' :'false' }" />

在上面的代码中,如果输入了车辆价值,则市场应设置为可编辑。如果车辆价值被清算,市场应该变成只读。现在,由于车辆输入是“必需的”,因此不会触发 ajax 更新,因此市场保持启用状态。如果我删除车辆上的“必需”,一切正常。我想知道是否有办法使 inputText 成为必需的,并在必填字段中的值更改为 empty/null 时触发 ajax 更新。

验证 JSF 输入 primefaces xhtml

评论


答:

2赞 Alex Fire 10/26/2018 #1

首先,此行为是默认的 JSF 行为:如果输入无效,则不会将其写入模型。 因此,您必须手动更改此行为,例如使用事件侦听器。

将以下方法添加到 Backing-Bean 中:

public void setModelValueToNullIfValidationFailed(ComponentSystemEvent event) throws AbortProcessingException {
    UIInput input = (UIInput) event.getComponent();
    if (input.isValid()) {
            return;
    }
    input.getValueExpression("value").setValue(FacesContext.getCurrentInstance().getELContext(), null);
}

此方法检查组件的验证是否失败。如果是这样,则模型值设置为 null。

将 f:event 添加到 p:autoComplete:

<p:autoComplete ...>
    ...
    <f:event type="postValidate" listener="#{newCtrlr.setModelValueToNullIfValidationFailed}" />
</p:autoComplete>