PrimeFaces p:chips绑定p:ajax报itemAdd事件不支持异常求助

问题核心原因 #

1. 事件名称版本不兼容：PrimeFaces不同版本的Chips组件支持的AJAX事件名称存在差异：
   • PrimeFaces 6.x及更早版本：添加项的事件名为addItem
   • PrimeFaces 7+版本：添加项的事件名为itemAdd
     你的报错说明当前使用的版本不支持itemAdd，大概率是版本低于7.x。
2. 方法名不匹配：XHTML中配置的listener="#{MB.validarEstadosRepetidosA}"与Managed Bean中的方法名validarEstadosRepetidosAjax不一致，会导致方法调用失败。

修正后的代码 #

XHTML代码（适配旧版本PrimeFaces）

<div class="row">
    <div class="col-12">
        <p:chips id="intinerario" 
                 value="#{MB.dto.ufsper}" 
                 maxlength="2"
                 styleClass="form-control-chips w-100 text-uppercase" 
                 style="height: 100px; overflow-y: auto;" 
                 widgetVar="chipsWidget">

            <p:ajax event="addItem" 
                    listener="#{MB.validarEstadosRepetidosAjax}" 
                    update="intinerario @form" />

        </p:chips>
    </div>
</div>

如果你的PrimeFaces版本是7+，则保持event="itemAdd"即可，但必须确保方法名与Bean中一致。

Managed Bean代码（优化校验逻辑）

public void validarEstadosRepetidosAjax() {
    List<String> estadosAdicionados = dto.getUfsper();
    if (temEstadosDuplicados(estadosAdicionados)) {
        // 移除刚添加的重复项
        estadosAdicionados.remove(estadosAdicionados.size() - 1);
        FacesContext.getCurrentInstance().addMessage(null, 
            new FacesMessage(FacesMessage.SEVERITY_ERROR, "Não é permitido adicionar o mesmo estado mais de uma vez.", null));
    }
}

private boolean temEstadosDuplicados(List<String> estados) {
    Set<String> estadosSet = new HashSet<>();
    for (String estado : estados) {
        if (!estadosSet.add(estado)) {
            return true;
        }
    }
    return false;
}

额外优化建议 #

可以添加客户端验证，在提交后台前先拦截重复项，减少不必要的请求：

<p:chips id="intinerario" 
         ...
         onItemAdd="return verificarDuplicado(item, this);">

对应的JavaScript函数：

function verificarDuplicado(item, widget) {
    var items = widget.jq.find('.ui-chips-token-label').map(function() {
        return $(this).text().trim();
    }).get();
    // 排除当前刚添加的项，检查是否已存在
    var existingItems = items.slice(0, items.length - 1);
    if (existingItems.includes(item.trim())) {
        alert('Não é permitido adicionar o mesmo estado mais de uma vez.');
        widget.removeItem(items.length - 1);
        return false;
    }
    return true;
}

内容的提问来源于stack exchange，提问作者Dev_Edimar FUll stack