当我添加clientBehavior时，复合组件中的ajax侦听器停止工作

Question

我有这个复合组件，它运行完美。

<cc:interface>
    <cc:attribute name="listenerController" ... />
</cc:interface>

<cc:implementation>
    <p:outputPanel id="selectOnePanel">
        <p:selectOneMenu id="selectOne" ... >
            <f:selectItems ... />
            <p:ajax event="change" listener="#{listenerController.listenerMethod()}" ... />
        </p:selectOneMenu>
    </p:outputPanel>
</cc:implementation>

但是我想从此组件外部收听“ change”事件。 因此，我在cc：interface中使用了“ cc：clientBehavior”。 为了进行测试，我添加了几个“ console.out”。

首先，我更新了复合组件：

<cc:interface>
     <cc:attribute name="listenerController" ... />
     <cc::clientBehavior name="change" targets="#{cc.clientId}":selectOne" event="change" />
</cc:interface>

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

以及我将如何使用它：

<xx:compostiteComponentName>
    <p:ajax event="change" onstart="console.log(3)"; oncomplete="console.log(4);" />
</xx:compostiteComponentName>

问题在于复合组件中的侦听器停止工作。 所有的“ onstart”和“ oncomplete”似乎都可以工作，因为控制台输出为：

1
2
3
4

为什么收听者停止工作？

Answer 1

1-复合组件仅针对本地组件，因此没有＃{cc.id}：

<cc:interface>
    <cc:attribute name="listenerController" ... />
    <cc::clientBehavior name="change" targets="selectOne" event="change" />
</cc:interface>

2-不要忘了告诉听众关于组合的用法：

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

3-您可能希望删除selectOneMenu上的ajax事件，因为当您在组合上指定ajax行为时，它会附加到目标组件上，并且不会替换现有的组件，这意味着以这种方式离开监听器被称为两次。