PrimeFaces ajax 更新在所需输入字段变为空时未触发

Question

我将 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' }" />

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

Answer 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);
}

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

将 f:event 添加到您的 p:autoComplete:

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

PrimeFaces ajax 更新在所需输入字段变为空时未触发

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

validation

jsf

input

primefaces

xhtml