添加cc:clientBehavior后复合组件内Ajax监听器失效，求原因

我来帮你拆解这个问题——你遇到的情况其实是JSF复合组件中cc:clientBehavior和PrimeFaces p:ajax的协作机制导致的：

问题根源 #

当你在复合组件的<cc:interface>中定义<cc:clientBehavior>来暴露内部selectOneMenu的change事件时，外部绑定的<p:ajax>会和内部的<p:ajax>同时注册到同一个组件的同一个事件上。但PrimeFaces的p:ajax有个特性：同一个事件上绑定的多个p:ajax，只有最后一个的服务器端listener会生效，而客户端的回调（onstart/oncomplete）是会累加执行的。这就解释了为什么你能看到控制台输出1 2 3 4，但内部的listenerController.listenerMethod()完全没触发——它被外部p:ajax的配置给覆盖了。

解决方案 #

这里有两种可靠的处理方式，你可以根据场景选择：

方案1：改用JSF标准<f:ajax>实现内部监听

PrimeFaces的p:ajax在多绑定场景下的listener覆盖问题，换成JSF原生的<f:ajax>就能避免，因为标准f:ajax允许多个listener在同一个事件上依次执行。修改内部代码如下：

<cc:implementation>
  <p:outputPanel id="selectOnePanel">
    <p:selectOneMenu id="selectOne" ... >
      <f:selectItems ... />
      <!-- 用f:ajax做内部监听 -->
      <f:ajax event="change" listener="#{listenerController.listenerMethod()}" 
              onstart="console.log(1);" oncomplete="console.log(2);" />
    </p:selectOneMenu>
  </p:outputPanel>
</cc:implementation>

外部的<p:ajax>绑定保持不变，这样内部和外部的服务器端listener都会正常触发，客户端回调也会按顺序执行。

方案2：将内部逻辑移到复合组件Bean，统一处理监听

如果必须使用p:ajax，可以把内部的监听逻辑迁移到复合组件的 backing bean 中，同时通过属性接收外部的监听方法，在内部逻辑执行后主动调用外部方法：

1. 先修改复合组件的<cc:interface>，添加一个接收外部监听方法的属性：

<cc:interface>
  <cc:attribute name="listenerController" ... />
  <!-- 新增外部监听方法属性 -->
  <cc:attribute name="externalChangeListener" method-signature="void action()" required="false" />
</cc:interface>

2. 在复合组件的 backing bean 中实现统一的监听方法：

@Named
@ViewScoped
public class YourCompositeBean implements Serializable {
    public void handleChange() {
        // 先执行原来的内部逻辑
        FacesContext context = FacesContext.getCurrentInstance();
        ELContext elContext = context.getELContext();
        MethodExpression internalListener = (MethodExpression) getAttributes().get("listenerController");
        if (internalListener != null) {
            internalListener.invoke(elContext, new Object[0]);
        }
        
        // 再执行外部传入的监听逻辑
        MethodExpression externalListener = (MethodExpression) getAttributes().get("externalChangeListener");
        if (externalListener != null) {
            externalListener.invoke(elContext, new Object[0]);
        }
    }
}

3. 修改复合组件内部的p:ajax，指向Bean的统一方法：

<cc:implementation>
  <p:outputPanel id="selectOnePanel">
    <p:selectOneMenu id="selectOne" ... >
      <f:selectItems ... />
      <p:ajax event="change" listener="#{cc.handleChange()}" 
              onstart="console.log(1);" oncomplete="console.log(2);" />
    </p:selectOneMenu>
  </p:outputPanel>
</cc:implementation>

4. 最后修改组件调用方式，把外部监听方法传入属性：

<xx:compostiteComponentName externalChangeListener="#{yourExternalBean.externalMethod()}">
  <p:ajax event="change" onstart="console.log(3);" oncomplete="console.log(4);" />
</xx:compostiteComponentName>

这样不管是内部还是外部的服务器端逻辑都会按顺序执行，客户端回调也能正常工作。

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