当我添加 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>

但我想从这个组件外部收听“更改”事件。所以我在 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 行为时，它会附加到目标组件并且不会替换现有组件，这意味着离开这种方式监听器将被调用两次。